Browse Source

我的盲豆页面立即兑换样式调整

DELL 3 năm trước cách đây
mục cha
commit
56450a91b4
2 tập tin đã thay đổi với 8 bổ sung5 xóa
  1. 7 5
      pages/bean/index.vue
  2. 1 0
      pages/coupon/index.vue

+ 7 - 5
pages/bean/index.vue

@@ -9,7 +9,7 @@
 				
 				<view class="bean-balance-num">{{ initData.coinNum }}</view>
 
-				<button class="bean-balance-btn" @click="toCore">立即兑换</button>
+				<view class="bean-balance-btn" @click="toCore">立即兑换</view>
 			</view>
 			<view class="bean-list">
 				<view class="flex bean-list-item" v-for="(item, index) in list" :key="index">
@@ -148,13 +148,15 @@
 			&-btn{
 				font-size: 28rpx;
 				height: 54rpx;
-				line-height: 50rpx;
+				width: 160rpx;
+				line-height: 51rpx;
 				background-color: rgba(255,255,255,0.4);
 				color: #FFFFFF;
-				border: 1rpx solid #FFFFFF;
-				margin-right: 40rpx;
+				border: 2rpx solid #FFFFFF;
+				margin-left: 170rpx;
+				margin-top: 10rpx;
 				border-radius: 27rpx;
-				
+				text-align: center;
 			}
 			&-btn:hover{
 				opacity: 0.8;

+ 1 - 0
pages/coupon/index.vue

@@ -88,6 +88,7 @@
 								item.useAreaDesc = useAreaDesc.desc
 							})
 							this.list = res.data
+							console.log(this.list)
 						}
 
 					}).catch(() => {