专区抽奖banner改成后台配置

zhuxiuying

9 天以前 bf266f25cf258bc533eadf0f0377d76b7bc1f11a

 pages/zone/index.vue
..
..
@@ -28,24 +28,6 @@
28
28
 			<view class="head_img">
29
29
 				<image :src="info.image"></image>
30
30
 			</view>
31
-			<view v-if="info.zoneType == 8 && info.info" class="rich-content">
32
-				<rich-text :nodes="info.info"></rich-text>
33
-			</view>
34
-			<view v-if="info.zoneType == 8 && info.uploadVideo" class="video-wrap">
35
-				<view v-show="!videoControls" style="width:100%;height:750rpx">
36
-					<video id="zoneVideo" :src='info.uploadVideo' objectFit="contain" controls
37
-						style="width:100%;height:100%" show-center-play-btn="true" show-mute-btn="true" muted="true"
38
-						show-fullscreen-btn="true" auto-pause-if-navigate :custom-cache="false"
39
-						:enable-progress-gesture="true" show-progress="false"
40
-						:poster="info.uploadVideoImg || info.image" @pause="zoneVideoPause"></video>
41
-				</view>
42
-				<view class="video-poster" v-show="videoControls">
43
-					<image class="image" :src="info.uploadVideoImg || info.image"></image>
44
-				</view>
45
-				<view class="video-stop" v-show="videoControls" @tap="bindZoneVideoPlay">
46
-					<image class="image" src="https://ossacmall.bluedeer.com.cn/app/static/images/stop.png"></image>
47
-				</view>
48
-			</view>
49
31
 			<view class="tag-wrap-container" :style="'top:' + (marTop) + 'px;'" v-if="info.zoneType == 7">
50
32
 				<view class="tag-wrap">
51
33
 					<!-- 标签列表 -->
..
..
@@ -88,9 +70,8 @@
88
70
 					</view>
89
71
 				</view>
90
72
 			</view>
91
-			<view @click="goLottery" class="lottery_banner" v-if="info && info.isLottery">
92
-				<image class="lottery_bannerImg"
93
-					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">
94
75
 				</image>
95
76
 			</view>
96
77
 			<view class="tag-img-container" v-if="info.zoneType == 7">
..
..
@@ -617,8 +598,6 @@
617
598
 			isYueyangZone: false,
618
599
 			isOpen: false, // 默认收起，false收起/true展开
619
600
 			currentIndex: -1, // 默认选中第一个【全部】
620
-			videoControls: true, // 专区活动视频是否显示海报+播放按钮
621
-			zoneVideoContext: '', // 活动视频播放上下文
622
601
 			partitionList: [],
623
602
 			partitionProject: {},
624
603
 			tagList: [],
..
..
@@ -858,17 +837,6 @@
858
837
 		}
859
838
 	},
860
839
 	methods: {
861
-		/**
862
-		 * 专区活动视频：点击海报播放按钮后播放
863
-		 */
864
-		bindZoneVideoPlay() {
865
-			if (!this.zoneVideoContext) {
866
-				this.zoneVideoContext = uni.createVideoContext('zoneVideo', this);
867
-			}
868
-			this.$set(this, 'videoControls', false);
869
-			this.zoneVideoContext.play();
870
-		},
871
-		zoneVideoPause() { },
872
840
 		handleCouponRule() {
873
841
 			this.$refs.personalAndShareCouponRuleRef.show(this.info.ruleContentText)
874
842
 		},
..
..
@@ -1484,7 +1452,6 @@
1484
1452
 			console.log('专区详情入参：：', params)
1485
1453
 			getZoneDetail(that.id, params).then(res => {
1486
1454
 				that.info = res.data;
1487
-				//that.info.zoneType=8;
1488
1455
 				that.updateZoneShareMenu();
1489
1456
 				if (res.data.zoneType == 6) {
1490
1457
 					that.setYueyangZone()
..
..
@@ -1669,13 +1636,11 @@
1669
1636
 .lottery_banner {
1670
1637
 	margin: 15rpx auto;
1671
1638
 	width: 690rpx;
1672
-	height: 120rpx;
1673
1639
 	text-align: center;
1674
1640
 }
1675
1641
 
1676
1642
 .lottery_bannerImg {
1677
1643
 	width: 690rpx;
1678
-	height: 120rpx;
1679
1644
 }
1680
1645
 
1681
1646
 .tag-wrap-container {
..
..
@@ -1899,48 +1864,6 @@
1899
1864
 		width: 750rpx;
1900
1865
 		height: 422rpx;
1901
1866
 	}
1902
-}
1903
-
1904
-.rich-content {
1905
-	padding: 24rpx 30rpx;
1906
-	background-color: #fff;
1907
-}
1908
-
1909
-.video-wrap {
1910
-	position: relative;
1911
-	width: 100%;
1912
-	height: 750rpx;
1913
-	background-color: #000;
1914
-}
1915
-
1916
-.video-wrap .video-poster {
1917
-	position: absolute;
1918
-	top: 0;
1919
-	left: 0;
1920
-	width: 100%;
1921
-	height: 750rpx;
1922
-	z-index: 9;
1923
-}
1924
-
1925
-.video-wrap .video-poster .image {
1926
-	width: 100%;
1927
-	height: 100%;
1928
-}
1929
-
1930
-.video-wrap .video-stop {
1931
-	position: absolute;
1932
-	top: 50%;
1933
-	left: 50%;
1934
-	width: 136rpx;
1935
-	height: 136rpx;
1936
-	margin-top: -68rpx;
1937
-	margin-left: -68rpx;
1938
-	z-index: 9;
1939
-}
1940
-
1941
-.video-wrap .video-stop .image {
1942
-	width: 100%;
1943
-	height: 100%;
1944
1867
 }
1945
1868
 
1946
1869
 .toolbarList {