专区抽奖banner改成后台配置

zhuxiuying

9 天以前 3e068fc2c13f15a8635ae38fd296d10700a36b04

 pages/zone/index.vue
..
..
@@ -14,6 +14,9 @@
14
14
 		<view :style="{ height: marTop + 'px' }"></view>
15
15
 		<yueyangZone ref=yueyangZoneRef v-if="isYueyangZone" :zoneInfo="info" :careBeanRate="careBeanRate"
16
16
 			style="position: relative;z-index: 2;" @goLottery="goLottery" :relationKey="relationKey"></yueyangZone>
17
+		<view v-if="isYueyangZone" class="detail-btn" @click="goDetail">
18
+			<text>消耗明细</text>
19
+		</view>
17
20
 		<view v-else>
18
21
 			<view class="expireTime" v-if="expireTime && expireTime.length">
19
22
 				<text>专区将在</text>
..
..
@@ -67,9 +70,8 @@
67
70
 					</view>
68
71
 				</view>
69
72
 			</view>
70
-			<view @click="goLottery" class="lottery_banner" v-if="info && info.isLottery">
71
-				<image class="lottery_bannerImg"
72
-					src="https://ossacmall.bluedeer.com.cn/app/static/images/zone_lotteryBanner.gif" mode="widthFix">
73
+			<view @click="goLottery" class="lottery_banner" v-if="info && info.isLottery && info.lotteryBanner">
74
+				<image class="lottery_bannerImg" :src="info.lotteryBanner" mode="widthFix">
73
75
 				</image>
74
76
 			</view>
75
77
 			<view class="tag-img-container" v-if="info.zoneType == 7">
..
..
@@ -1195,6 +1197,11 @@
1195
1197
 				// that.myCareBean = res2.data.totalCareBeans;
1196
1198
 			});
1197
1199
 		},
1200
+		goDetail() {
1201
+			uni.navigateTo({
1202
+				url: '/pages/consumption/index?zoneId=' + this.info.id
1203
+			})
1204
+		},
1198
1205
 		goLottery() {
1199
1206
 			let that = this;
1200
1207
 			var data = {
..
..
@@ -1629,13 +1636,11 @@
1629
1636
 .lottery_banner {
1630
1637
 	margin: 15rpx auto;
1631
1638
 	width: 690rpx;
1632
-	height: 120rpx;
1633
1639
 	text-align: center;
1634
1640
 }
1635
1641
 
1636
1642
 .lottery_bannerImg {
1637
1643
 	width: 690rpx;
1638
-	height: 120rpx;
1639
1644
 }
1640
1645
 
1641
1646
 .tag-wrap-container {
..
..
@@ -1836,6 +1841,21 @@
1836
1841
 	transform: translate(0, -50%);
1837
1842
 }
1838
1843
 
1844
+.detail-btn {
1845
+	border: 2rpx solid #fff;
1846
+	border-top-left-radius: 20rpx;
1847
+	border-bottom-left-radius: 20rpx;
1848
+	padding: 10rpx;
1849
+	background-color: #daf2b2;
1850
+	color: #1e984f;
1851
+	width: 50rpx;
1852
+	position: fixed;
1853
+	top: 200rpx;
1854
+	right: 0rpx;
1855
+	line-height: 1rem;
1856
+	z-index: 99;
1857
+}
1858
+
1839
1859
 .head_img {
1840
1860
 	width: 750rpx;
1841
1861
 	height: 422rpx;