no message

App.vue

@@ -54,6 +54,11 @@
 	flex-direction: row;
 	justify-content: space-between;
 }
+.flex-c-lr{
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
 .flex-c{
 	display: flex;
 	align-items: center;

pages/user/jia.vue

@@ -5,6 +5,13 @@
 		<view class="contract-view">
 			<image src="@/static/new/jia_bg.png" class="jia-img"></image>
 			<view class="box-panel" style="margin-top:384rpx">
+				<view class="box-top flex-r-lr" style="margin-bottom:48rpx;">
+					<view class="flex-c-lr" v-for="(item,index) in tList" :key="index"
+					style="align-items: center;width:40%;">
+						<text class="text-48 text-zu1 text-bold">{{item.text}}</text>
+						<text class="text-28 text-zu1">{{item.value}}</text>
+					</view>
+				</view>
 				<view class="box-list flex-r-lr"  style="align-items: center;"
 				v-for="(item,index) in topList" :key="item.text">
 					<text class="text-28 text-zu1">{{item.text}}</text>
@@ -46,7 +53,7 @@
 			</view>
 			 <!-- (2)转盘抽奖获得 -->
 		</view>
-		<DownPopup></DownPopup>
+		<!-- <DownPopup :show="true"></DownPopup> -->
 	</view>
 </template>
 
@@ -56,12 +63,17 @@ import Header from '@/components/common/header.vue';
 import TopSafe from '@/components/common/top-safe.nvue'
 import DownPopup from '@/components/common/down-popup.vue';
 import { getContractList,signContract } from '@/api/contract.js'
+
 import func from '@/utils/func.js';
 
 export default {
 	components: { Header,TopSafe,DownPopup },
 	data() {
 		return {
+			tList:[
+				{text:'100',value:'锁仓TBC'},
+				{text:'100',value:'剩余加速包'}
+			],
 			topList:[
 				{text:'已获得加速包次数',value:'100'},
 				{text:'已释放TBC数量',value:'20000'},
@@ -153,6 +165,11 @@ export default {
 		border-radius: 36rpx;
 		background-color: #fff;
 		box-sizing: border-box;
+		.box-top{
+			width:100%;
+			height:86rpx;
+			min-height:86rpx;
+		}
 		.box-list{
 			width:100%;
 			min-height:84rpx;