Jacob
9 天以前 74bd629e27bb16b8e07ceecc8960083d2d0748c7
pages/zone/index.vue
....@@ -14,6 +14,9 @@
1414 <view :style="{ height: marTop + 'px' }"></view>
1515 <yueyangZone ref=yueyangZoneRef v-if="isYueyangZone" :zoneInfo="info" :careBeanRate="careBeanRate"
1616 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>
1720 <view v-else>
1821 <view class="expireTime" v-if="expireTime && expireTime.length">
1922 <text>专区将在</text>
....@@ -85,9 +88,8 @@
8588 </view>
8689 </view>
8790 </view>
88
- <view @click="goLottery" class="lottery_banner" v-if="info && info.isLottery">
89
- <image class="lottery_bannerImg"
90
- src="https://ossacmall.bluedeer.com.cn/app/static/images/zone_lotteryBanner.gif" mode="widthFix">
91
+ <view @click="goLottery" class="lottery_banner" v-if="info && info.isLottery && info.lotteryBanner">
92
+ <image class="lottery_bannerImg" :src="info.lotteryBanner" mode="widthFix">
9193 </image>
9294 </view>
9395 <view class="tag-img-container" v-if="info.zoneType == 7">
....@@ -1226,6 +1228,11 @@
12261228 // that.myCareBean = res2.data.totalCareBeans;
12271229 });
12281230 },
1231
+ goDetail() {
1232
+ uni.navigateTo({
1233
+ url: '/pages/consumption/index?zoneId=' + this.info.id
1234
+ })
1235
+ },
12291236 goLottery() {
12301237 let that = this;
12311238 var data = {
....@@ -1661,13 +1668,11 @@
16611668 .lottery_banner {
16621669 margin: 15rpx auto;
16631670 width: 690rpx;
1664
- height: 120rpx;
16651671 text-align: center;
16661672 }
16671673
16681674 .lottery_bannerImg {
16691675 width: 690rpx;
1670
- height: 120rpx;
16711676 }
16721677
16731678 .tag-wrap-container {
....@@ -1868,6 +1873,21 @@
18681873 transform: translate(0, -50%);
18691874 }
18701875
1876
+.detail-btn {
1877
+ border: 2rpx solid #fff;
1878
+ border-top-left-radius: 20rpx;
1879
+ border-bottom-left-radius: 20rpx;
1880
+ padding: 10rpx;
1881
+ background-color: #daf2b2;
1882
+ color: #1e984f;
1883
+ width: 50rpx;
1884
+ position: fixed;
1885
+ top: 200rpx;
1886
+ right: 0rpx;
1887
+ line-height: 1rem;
1888
+ z-index: 99;
1889
+}
1890
+
18711891 .head_img {
18721892 width: 750rpx;
18731893 height: 422rpx;