mege

apis/interfaces/account.js

@@ -0,0 +1,20 @@
+
+/**
+ * Web唐明明
+ * 匆匆数载恍如梦，岁月迢迢华发增。
+ * 碌碌无为枉半生，一朝惊醒万事空。
+ * moduleName: 账户
+ */
+
+import { request } from '../index'
+
+// dt账户
+const dt = (data) =>{
+	return request({
+		url: "user/account/dt_logs"
+	})
+}
+
+export {
+	dt
+}

pages/account/dt.vue

@@ -2,46 +2,57 @@
 	<view class="content">
 		<view class="dt-header">
 			<view class="title">DT积分余额</view>
-			<view class="num">0.00</view>
+			<view class="num">{{score}}</view>
-		</view>
-		<view class="logs-title">账户记录</view>
-		<view class="logs-item">
-			<view class="logs-item-title">账户充值</view>
-			<view class="logs-item-time">2022-06-07 10:10:51</view>
-			<view class="logs-item-price add">+1000.0</view>
-		</view>
-		<view class="logs-item">
-			<view class="logs-item-title">账户充值</view>
-			<view class="logs-item-time">2022-06-07 10:10:51</view>
-			<view class="logs-item-price remove">-1000.0</view>
-		</view>
-		<view class="logs-item">
-			<view class="logs-item-title">账户充值</view>
-			<view class="logs-item-time">2022-06-07 10:10:51</view>
-			<view class="logs-item-price remove">-1000.0</view>
-		</view>
-		<view class="logs-item">
-			<view class="logs-item-title">账户充值</view>
-			<view class="logs-item-time">2022-06-07 10:10:51</view>
-			<view class="logs-item-price remove">-1000.0</view>
-		</view>
-		<view class="logs-item">
-			<view class="logs-item-title">账户充值</view>
-			<view class="logs-item-time">2022-06-07 10:10:51</view>
-			<view class="logs-item-price remove">-1000.0</view>
 		</view>
+		<block v-if="logs.length > 0">
+			<view class="logs-title">账户记录</view>
+			<view class="logs-item">
+				<view class="logs-item-title">账户充值</view>
+				<view class="logs-item-time">2022-06-07 10:10:51</view>
+				<view class="logs-item-price add">+1000.0</view>
+			</view>
+			<view class="logs-item">
+				<view class="logs-item-title">账户充值</view>
+				<view class="logs-item-time">2022-06-07 10:10:51</view>
+				<view class="logs-item-price remove">-1000.0</view>
+			</view>
+		</block>
+		<block v-else>
+			<view class="vertical pages-empty">
+				<u-empty
+					icon="http://cdn.uviewui.com/uview/empty/list.png"
+					textColor="#999"
+					text="暂无账户记录"
+				>
+				</u-empty>
+			</view>
+		</block>
 	</view>
 </template>
 
 <script>
+	import { dt } from '@/apis/interfaces/account.js'
 	export default {
 		data() {
 			return {
-				
+				score: '0.00',
+				logs : [],
+				pages: {}
 			};
 		},
+		onShow() {
+			this.getDt()
+		},
 		methods: {
-
+			getDt(){
+				dt().then(res => {
+					this.score = res.score
+					this.logs  = res.lists.data
+					this.page  = res.lists.page
+				}).catch(err => {
+					console.log(err)
+				})
+			}
 		},
 		onNavigationBarButtonTap() {
 			this.$Router.push({name: 'AccountRecharge'})
@@ -50,6 +61,9 @@
 </script>
 
 <style lang="scss">
+	.pages-empty{
+		height: 50vh;
+	}
 	.content{
 		background: $window-color;
 		min-height: 100vh;

pages/vip/vip.vue

@@ -15,15 +15,20 @@
 						<view class="vip-progress-loding" style="width: 50%;"></view>
 					</view>
 					<view class="vip-loding">
-						<view>1/3 邀请家庭会员</view>
+						<view>0/0共分</view>
-						<view>3/100 邀请家族会员员</view>
 					</view>
 				</view>
 				<navigator class="vip-more">成长体系<uni-icons size="14" type="forward" color="#9f5529"></uni-icons></navigator>
 			</view>
 		</view>
 		<view class="vip-content">
-			<view class="vip-content-title">会员成长值</view>
+			<view class="vip-content-title">距离 *** 还需条件</view>
+			<view class="vip-up-conditions">
+				<view class="vip-up-conditions-item"><text>10/10</text>家庭会员</view>
+				<view class="vip-up-conditions-item"><text>9/100</text>邀请家族会员员</view>
+				<view class="vip-up-conditions-item"><text>10/10000</text>伙伴</view>
+			</view>
+			<view class="vip-content-title">会员特权</view>
 			<view class="vip-privilege">
 				<view class="vip-privilege-item" v-for="(item, index) in 8" :key="index">
 					<image class="vip-privilege-icon" src="" mode="widthFix"></image>
@@ -183,6 +188,20 @@
 				height: 30rpx;
 			}
 		}
+		.vip-up-conditions{
+			padding-top: 10rpx;
+			padding-bottom: $padding;
+			&-item{
+				font-size: 28rpx;
+				line-height: 60rpx;
+				color: gray;
+				text{
+					color: #fcc590;
+					margin-right: $margin/2;
+					font-weight: bold;
+				}
+			}
+		}
 		.vip-content-rich{
 			padding: 30rpx 0 0;
 			font-size: 28rpx;