Merge remote-tracking branch 'remotes/origin/developer' into developerB

pages/h5/activity/activity-detail.vue

@@ -1,35 +1,50 @@
 <template>
-	<view class="detail">
-		<image :src="adsImage" mode="widthFix" show-menu-by-longpress></image>
-	</view>
+    <view class="detail">
+        <template v-if="type === 'video'">
+            <video :src="videoUrl" :title="title"></video>
+        </template>
+        <template v-else>
+            <image :src="adsImage" mode="widthFix" show-menu-by-longpress></image>
+        </template>
+    </view>
 </template>
 
 <script>
-	export default{
-		data(){
-			return{
-				adsImage:'',
-				title:''
-			}
-		},
-		onLoad(option) {
-			this.adsImage = option.adsImage
-			this.title= option.title
-			console.log(this.title);
-			if(this.title && this.title!==null && this.title !== 'null'){
-				uni.setNavigationBarTitle({title:this.title});
-			}
-		}
-	}
+export default {
+    data() {
+        return {
+            adsImage: '',
+            videoUrl: '',
+            title: '',
+            type: ''
+        }
+    },
+    onLoad(option) {
+        this.title = option.title
+        this.type = option.type || 'image'
+        if (this.type === 'video') {
+            this.videoUrl = option.videoUrl
+        } else {
+            this.adsImage = option.adsImage
+        }
+        if (this.title && this.title !== 'null') {
+            uni.setNavigationBarTitle({ title: this.title })
+        }
+    }
+}
 </script>
 
 <style lang="scss">
-.detail{
-	width: 100%;
-	height: auto;
-	image{
-		width: 100%;
-		height: auto;
-	}
+.detail {
+    width: 100%;
+    height: auto;
+    image {
+        width: 100%;
+        height: auto;
+    }
+    video {
+        width: 100vw;
+        background: #999;
+    }
 }
 </style>

pages/h5/activity/activity-floorMore.vue

@@ -8,9 +8,9 @@
 				<view class="search-text">{{hotSearchText}}</view>
 			</view>
 		</view>
-		<tui-skeleton v-if="skeletonShow" backgroundColor="#fafafa" borderRadius="10rpx" :isLoading	="isRequest" :loadingType="5"></tui-skeleton>
+		<!-- <tui-skeleton v-if="skeletonShow" backgroundColor="#fafafa" borderRadius="10rpx" :isLoading	="isRequest" :loadingType="5"></tui-skeleton> -->
 		<!-- 楼层 -->
-		<view class="container-section tui-skeleton">
+		<view class="container-section">
 			<!-- 图片模板 -->
 			<template v-if="pageData && pageData.floorContent.templateType == '8'">
 				<pictureD :pageData="pageData" :userIdentity="userIdentity" :flag="true" v-if="isRequest"></pictureD>
@@ -65,6 +65,15 @@
             </template>
             <template v-if="pageData && pageData.floorContent.templateType == '29'">
             	<pictureD :pageData="pageData" :userIdentity="userIdentity" :flag="true" v-if="isRequest"></pictureD>
+            </template>
+            <template v-if="pageData && pageData.floorContent.templateType == '30'">
+            	<videoD :pageData="pageData" :userIdentity="userIdentity" :flag="true" v-if="isRequest"></videoD>
+            </template>
+            <template v-if="pageData && pageData.floorContent.templateType == '31'">
+            	<videoD :pageData="pageData" :userIdentity="userIdentity" :flag="true" v-if="isRequest"></videoD>
+            </template>
+            <template v-if="pageData && pageData.floorContent.templateType == '33'">
+            	<videoD :pageData="pageData" :userIdentity="userIdentity" :flag="true" v-if="isRequest"></videoD>
             </template>
 		</view>
 	</view>
@@ -83,12 +92,15 @@
 	import productJ from '@/components/cm-module/pageFloorTemplate/templateJ.vue'
 	import productK from '@/components/cm-module/pageFloorTemplate/templateK.vue'
 	//引入图片模板
-	import pictureD from '@/components/cm-module/pcitureTemplate/templateD.vue'
-	import pictureF from '@/components/cm-module/pcitureTemplate/templateF.vue'
+	import pictureD from './components/template-picture/templateD.vue'
+	import pictureF from './components/template-picture/templateF.vue'
 	//引入图文模板
-	import articleA from '@/components/cm-module/articleTemplate/templateA.vue'
-	import articleB from '@/components/cm-module/articleTemplate/templateB.vue'
-	import articleD from '@/components/cm-module/articleTemplate/templateD.vue'
+	import articleA from './components/template-article/templateA.vue'
+	import articleB from './components/template-article/templateB.vue'
+	import articleD from './components/template-article/templateD.vue'
+    // 视频模板
+    import videoD from './components/template-video/templateD.vue'
+    
 	export default{
 		components:{
 			productA,
@@ -104,7 +116,8 @@
 			pictureF,
 			articleA,
 			articleB,
-			articleD
+			articleD,
+            videoD
 		},
 		data(){
 			return{
@@ -190,8 +203,8 @@
 	}
 	.container-section{
 		width: 100%;
-		height: auto;
-		background-color: #F7F7F7;
+		// height: auto;
+		// background-color: #F7F7F7;
 		box-sizing: border-box;
 		padding:24rpx;
 	}

pages/h5/activity/activity-topic.vue

@@ -18,10 +18,10 @@
 	import { mapState,mapMutations} from 'vuex' 
 	import customFloor from '@/components/cm-custom/custom-floor' 		 //自定义导航
 	import templateNav from '@/components/cm-module/pageTemplate/templateNav.vue'
-	import pageFloor from './components/pageFloor.vue'
+    import pageFloor from './components/active-floor.vue'
+    import  ActivityContact from './components/activity-contact.vue'
 	import authorize from '@/common/config/authorize.js'
 	import wxLogin from '@/common/config/wxLogin.js'
-    import  ActivityContact from './components/index.vue'
 	
 	export default{ 
 		components:{

pages/h5/activity/components/pageFloor.vue → pages/h5/activity/components/active-floor.vue

@@ -4,12 +4,9 @@
             <view class="tui-group-name" v-if="page.floorContent">
                 <view class="tui-group-title">
                     <view class="tui-group-l">{{ page.title }}</view>
-                    <view
-                        class="tui-group-r"
-                        v-if="showMore(page)"
-                        @click="NavToDetailPage(page)"
-                    >
-                        <text>更多</text> <text class="iconfont icon-xiayibu"></text>
+                    <view class="tui-group-r" v-if="showMore(page)" @click="NavToDetailPage(page)">
+                        <text>更多</text>
+                        <text class="iconfont icon-xiayibu"></text>
                     </view>
                 </view>
                 <view class="tui-sub__desc">{{ page.detail }}</view>
@@ -94,17 +91,17 @@
                 <liveB :pageData="page" :userIdentity="userIdentity"></liveB>
             </template>
             <!-- 视频模板 -->
-            <template v-if="page.floorContent.templateType == '26'">
-                <pictureH :pageData="page" :userIdentity="userIdentity"></pictureH>
+            <template v-if="isTemplate(['26', '30'], page)">
+                <videoA :pageData="page" :userIdentity="userIdentity"></videoA>
             </template>
-            <template v-if="page.floorContent.templateType == '27'">
-                <pictureC :pageData="page" :userIdentity="userIdentity"></pictureC>
+            <template v-if="isTemplate(['27', '31'], page)">
+                <videoB :pageData="page" :userIdentity="userIdentity"></videoB>
             </template>
-            <template v-if="page.floorContent.templateType == '28'">
-                <pictureG :pageData="page" :userIdentity="userIdentity"></pictureG>
+            <template v-if="isTemplate(['28', '32'], page)">
+                <videoC :pageData="page" :userIdentity="userIdentity"></videoC>
             </template>
-            <template v-if="page.floorContent.templateType == '29'">
-                <pictureD :pageData="page" :userIdentity="userIdentity"></pictureD>
+            <template v-if="isTemplate(['29', '33'], page)">
+                <videoD :pageData="page" :userIdentity="userIdentity"></videoD>
             </template>
         </view>
     </view>
@@ -124,23 +121,28 @@ import productI from '@/components/cm-module/pageTemplate/templateI.vue'
 import productJ from '@/components/cm-module/pageTemplate/templateJ.vue'
 import productK from '@/components/cm-module/pageTemplate/templateK.vue'
 //引入图片模板
-import pictureA from '@/components/cm-module/pcitureTemplate/templateA.vue'
-import pictureB from '@/components/cm-module/pcitureTemplate/templateB.vue'
-import pictureC from '@/components/cm-module/pcitureTemplate/templateC.vue'
-import pictureD from '@/components/cm-module/pcitureTemplate/templateD.vue'
-import pictureE from '@/components/cm-module/pcitureTemplate/templateE.vue'
-import pictureF from '@/components/cm-module/pcitureTemplate/templateF.vue'
-import pictureG from '@/components/cm-module/pcitureTemplate/templateG.vue'
-import pictureH from '@/components/cm-module/pcitureTemplate/templateH.vue'
+import pictureA from './template-picture/templateA.vue'
+import pictureB from './template-picture/templateB.vue'
+import pictureC from './template-picture/templateC.vue'
+import pictureD from './template-picture/templateD.vue'
+import pictureE from './template-picture/templateE.vue'
+import pictureF from './template-picture/templateF.vue'
+import pictureG from './template-picture/templateG.vue'
+import pictureH from './template-picture/templateH.vue'
 //引入图文模板
-import articleA from '@/components/cm-module/articleTemplate/templateA.vue'
-import articleB from '@/components/cm-module/articleTemplate/templateB.vue'
-import articleC from '@/components/cm-module/articleTemplate/templateC.vue'
-import articleD from '@/components/cm-module/articleTemplate/templateD.vue'
+import articleA from './template-article/templateA.vue'
+import articleB from './template-article/templateB.vue'
+import articleC from './template-article/templateC.vue'
+import articleD from './template-article/templateD.vue'
 // 直播楼层模板
-import liveA from '@/components/cm-module/liveTemplate/templateA.vue'
-import liveB from '@/components/cm-module/liveTemplate/templateB.vue'
-import liveC from '@/components/cm-module/liveTemplate/templateC.vue'
+import liveA from './template-live/templateA.vue'
+import liveB from './template-live/templateB.vue'
+import liveC from './template-live/templateC.vue'
+// 视频模板
+import videoA from './template-video/templateA.vue'
+import videoB from './template-video/templateB.vue'
+import videoC from './template-video/templateC.vue'
+import videoD from './template-video/templateD.vue'
 
 export default {
     name: 'pageFloor',
@@ -170,7 +172,11 @@ export default {
         articleD,
         liveA,
         liveC,
-        liveB
+        liveB,
+        videoA,
+        videoB,
+        videoC,
+        videoD
     },
     props: {
         list: {
@@ -186,7 +192,7 @@ export default {
     data() {
         return {
             pageFloorList: [],
-            isSwiperTemp: ['1', '2', '9', '21', '5', '7', '22', '23', '24', '25', '27']
+            isSwiperTemp: ['1', '2', '9', '21', '5', '7', '22', '23', '24', '25', '27', '32']
         }
     },
     created() {
@@ -202,14 +208,18 @@ export default {
                 `/pages/h5/activity/activity-floorMore?pageType=${this.pageType}&floorId=${page.id}&title=${page.title}`
             )
         },
-        showMore(page){
+        showMore(page) {
             // if(page.floorContent.templateType)
-            if(page.floorContent.templateType == 10){
-               if(page.floorImageList.length <= 1){
+            if (page.floorContent.templateType == 10) {
+                if (page.floorImageList.length <= 1) {
                     return false
-               }
+                }
             }
             return !this.isSwiperTemp.includes(page.floorContent.templateType)
+        },
+        isTemplate(temp = [], page) {
+            const templateType = page?.floorContent?.templateType
+            return templateType && temp.includes(templateType) 
         }
     }
 }

pages/h5/activity/components/template-video/templateA.vue

@@ -0,0 +1,101 @@
+<template>
+    <view class="picture">
+        <view class="section" v-for="(item, index) in productList" :key="index" @click="navigaitionTo(item)">
+            <image :src="item.appletsImage || item.image"></image>
+            <view class="cm-cover"></view>
+        </view>
+    </view>
+</template>
+
+<script>
+import caimeiApi from '@/common/config/caimeiApi.js'
+export default {
+    data() {
+        return {
+            productList: []
+        }
+    },
+    props: {
+        pageData: {
+            type: Object
+        },
+        userIdentity: {
+            type: Number
+        },
+        flag: {
+            type: Boolean,
+            default: false
+        }
+    },
+    created() {
+        this.initData(this.pageData)
+    },
+    watch: {
+        pageData: {
+            handler: function(el) {
+                //监听对象的变换使用 function，箭头函数容易出现this指向不正确
+                this.pageData = el
+                this.initData(this.pageData)
+            },
+            deep: true
+        }
+    },
+    methods: {
+        initData(data) {
+            if (this.flag) {
+                this.productList = data.floorImageList
+            } else {
+                this.productList = data.floorImageList.slice(0, 6)
+            }
+        },
+        navigaitionTo(item) {
+            if (item.link === '' && item.linkType === -1) {
+            	return
+            }else if(item.linkType === -1){
+            	const url = `/pages/h5/activity/activity-detail?type=video&videoUrl=${item.link}&title=${item.name}`
+            	return uni.navigateTo({ url })
+            }else{
+            	caimeiApi.FlooryNavigateTo(item)
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+.picture {
+    width: 100%;
+    .section {
+        float: left;
+        position: relative;
+        margin-bottom: 14rpx;
+        margin-right: 14rpx;
+        width: 224rpx;
+        height: 157rpx;
+        overflow: hidden;
+        border-radius: 16rpx;
+        image {
+            width: 224rpx;
+            height: 257rpx;
+        }
+        &:nth-child(1),
+        &:nth-child(2),
+        &:nth-child(3) {
+            margin-top: 0;
+        }
+        &:nth-child(3n) {
+            margin-right: 0;
+        }
+        .cm-cover {
+            z-index: 99;
+            top: 0;
+            left: 0;
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            background: url(https://static.caimei365.com/app/img/icon2/cm_player.png) no-repeat center;
+            background-size: 40rpx 40rpx;
+        }
+    }
+}
+</style>

pages/h5/activity/components/template-video/templateB.vue

@@ -0,0 +1,79 @@
+<template>
+	<scroll-view scroll-x="true" class="picture">
+		<view class="section" v-for="(item , index) in productList" @click="navigaitionTo(item)" :key="index">
+			<image :src="item.appletsImage || item.image" ></image>
+            <view class="cm-cover"></view>
+		</view>
+	</scroll-view>
+</template>
+
+<script>
+import caimeiApi from '@/common/config/caimeiApi.js'
+export default{
+	data(){
+		return{
+			productList:[]
+		}
+	},
+	props:{
+		pageData: {
+			type: Object
+		},
+		userIdentity: {
+			type: Number
+		}
+	},
+	created() {
+		this.initData(this.pageData)
+	},
+	methods:{
+		initData(data){
+			this.productList = data.floorImageList
+		},
+		navigaitionTo(item){
+			if (item.link === '' && item.linkType === -1) {
+				return
+			}else if(item.linkType === -1){
+				const url = `/pages/h5/activity/activity-detail?type=video&videoUrl=${item.link}&title=${item.name}`
+				return uni.navigateTo({ url })
+			}else{
+				caimeiApi.FlooryNavigateTo(item)
+			}
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+.picture{
+	width: 750rpx;
+	margin-left: -24rpx;
+	white-space: nowrap;
+	.section{
+        position: relative;
+		display: inline-block;
+		margin-right: 24rpx;
+		width: 310rpx;
+		height: 240rpx;
+		overflow: hidden;
+		border-radius: 16rpx;
+		image{
+			width: 310rpx;
+			height: 240rpx;
+		}
+		&:first-child{
+			margin-left: 24rpx;
+		}
+        .cm-cover{
+            z-index: 99;
+            top: 0;
+            left: 0;
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            background:url(https://static.caimei365.com/app/img/icon2/cm_player.png) no-repeat center;
+            background-size: 40rpx 40rpx;
+        }
+	}
+}
+</style>

pages/h5/activity/components/template-video/templateC.vue

@@ -0,0 +1,101 @@
+<template>
+	<view class="picture">
+		<view class="section" v-for="(item,index) in productList" :key="index" @click="navigaitionTo(item)">
+			<image :src="item.appletsImage || item.image" ></image>
+            <view class="cm-cover"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+import caimeiApi from '@/common/config/caimeiApi.js'
+export default{
+	data(){
+		return{
+			productList:[]
+		}
+	},
+	props:{
+		pageData: {
+			type: Object
+		},
+		userIdentity: {
+			type: Number
+		},
+		flag:{
+			type:Boolean,
+			default:false
+		}
+	},
+	created() {
+		this.initData(this.pageData)
+	},
+	watch: {
+		pageData: {
+			handler: function(el) {
+				//监听对象的变换使用 function，箭头函数容易出现this指向不正确
+				this.pageData = el
+				this.initData(this.pageData)
+			},
+			deep: true
+		}
+	},
+	methods:{
+		initData(data){
+			if(this.flag){
+				this.productList = data.floorImageList
+			}else{
+				this.productList = data.floorImageList.slice(0,4)
+			}
+			
+		},
+		navigaitionTo(item){
+			if (item.link === '' && item.linkType === -1) {
+				return
+			}else if(item.linkType === -1){
+				const url = `/pages/h5/activity/activity-detail?type=video&videoUrl=${item.link}&title=${item.name}`
+				return uni.navigateTo({ url })
+			}else{
+				caimeiApi.FlooryNavigateTo(item)
+			}
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+.picture{
+	width: 100%;
+	.section{
+        float: left;
+        position: relative;
+		margin-bottom: 24rpx;
+        margin-right: 24rpx;
+		width: 339rpx;
+		height: 230rpx;
+		overflow: hidden;
+		border-radius: 16rpx;
+		image{
+			width: 339rpx;
+			height: 230rpx;
+		}
+		&:nth-child(1),
+        &:nth-child(2){
+			margin-top: 0;
+		}
+        &:nth-child(2n){
+            margin-right: 0;
+        }
+        .cm-cover{
+            z-index: 99;
+            top: 0;
+            left: 0;
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            background:url(https://static.caimei365.com/app/img/icon2/cm_player.png) no-repeat center;
+            background-size: 40rpx 40rpx;
+        }
+	}
+}
+</style>

pages/h5/activity/components/template-video/templateD.vue

@@ -0,0 +1,95 @@
+<template>
+	<view class="picture">
+		<view class="section" v-for="(item,index) in productList" :key="index" @click="navigaitionTo(item)">
+			<image :src="item.appletsImage || item.image" ></image>
+            <view class="cm-cover"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+import caimeiApi from '@/common/config/caimeiApi.js'
+export default{
+	data(){
+		return{
+			productList:[]
+		}
+	},
+	props:{
+		pageData: {
+			type: Object
+		},
+		userIdentity: {
+			type: Number
+		},
+		flag:{
+			type:Boolean,
+			default:false
+		}
+	},
+	created() {
+		this.initData(this.pageData)
+	},
+	watch: {
+		pageData: {
+			handler: function(el) {
+				//监听对象的变换使用 function，箭头函数容易出现this指向不正确
+				this.pageData = el
+				this.initData(this.pageData)
+			},
+			deep: true
+		}
+	},
+	methods:{
+		initData(data){
+			if(this.flag){
+				this.productList = data.floorImageList
+			}else{
+				this.productList = data.floorImageList.slice(0,2)
+			}
+			
+		},
+		navigaitionTo(item){
+			if (item.link === '' && item.linkType === -1) {
+				return
+			}else if(item.linkType === -1){
+				const url = `/pages/h5/activity/activity-detail?type=video&videoUrl=${item.link}&title=${item.name}`
+				return uni.navigateTo({ url })
+			}else{
+				caimeiApi.FlooryNavigateTo(item)
+			}
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+.picture{
+	width: 100%;
+	.section{
+        position: relative;
+		margin-bottom: 24rpx;
+		width: 702rpx;
+		height: 360rpx;
+		overflow: hidden;
+		border-radius: 16rpx;
+		image{
+			width: 702rpx;
+			height: 360rpx;
+		}
+		&:first-child{
+			margin-top: 0;
+		}
+        .cm-cover{
+            z-index: 99;
+            top: 0;
+            left: 0;
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            background: url(https://static.caimei365.com/app/img/icon2/cm_player.png) no-repeat center;
+            background-size: 40rpx 40rpx;
+        }
+	}
+}
+</style>

pages/user/order/order-payunder.vue

@@ -20,13 +20,11 @@
 			</view>
 			<view class="pay-bring-wrapper clearfix">
 				<view class="pay-bring-content">
-					<view class="text-v title">转账信息</view>
-					<view class="text-v">开户行：{{ bankInfo.bankOfDeposit }}</view>
-					<view class="text-v">银行卡号：{{ bankInfo.bankCardNo }}</view>
-					<view class="text-v">户名：{{ bankInfo.bankUserName }}</view>
+					<view class="text-title">
+						<image src="https://static.caimei365.com/app/img/icon/icon-vxkecode.png" mode="" @click="previewImg"></image>
+					</view>
 					<view class="text-v">订单标识：{{payOrderId}} <text class="clipboard" @click.stop="clipboard(payOrderId)">复制</text></view>
-					<view class="text-v title">特别注意</view>
-					<view class="text-v bg-color">请在转账备注中填写上述订单标识，方便财务快速审核，提高发货速度</view>
+					<view class="text-content">请点击上方二维码，长按保存后，使用微信扫码添加采美客服，将订单标识告知客服，客服会为您推荐最合适的线下转账方式。</view>
 				</view>
 			</view>
 		</view>		
@@ -58,8 +56,8 @@
 				payBringTitle:'本次交易暂不支持线上支付，请使用线下转账方式付款',
 				payStatusText:'使用任何一种线上支付方式支付全部金额后，供应商会在24小时后发货（周末、节假日顺延）。',
 				pageType:'',
-				skeletonShow:true
-				
+				skeletonShow:true,
+				productImage:['https://static.caimei365.com/app/img/icon/icon-vxkecode.png'],
 			}
 		},
 		onLoad(option) {
@@ -124,6 +122,14 @@
 					}
 				})
 			},
+			previewImg (index) {//顶部商品图片预览
+				let previewUrls = this.productImage
+				uni.previewImage({
+					current: 0, 	//图片索引
+					urls: previewUrls, //必须是http图片，本地图片无效
+					longPressActions:''
+				})
+			}
 		},
 		onShow() {
 
@@ -166,7 +172,7 @@
 				width: 574rpx;
 				height: 136rpx;
 				padding: 52rpx 44rpx;
-				background: url(https://img.caimei365.com/group1/M00/03/BD/Cmis218ekFyAHoAzAALhR3oBpDI049.png) no-repeat;
+				background: url(https://static.caimei365.com/app/img/icon/icon-paybg.png) no-repeat;
 				background-size: cover;
 				float: left;
 				margin-top: 40rpx;
@@ -365,6 +371,7 @@
 				width: 654rpx;
 				height: auto;
 				padding: 0 24rpx;
+				
 				.text{
 					font-size: $font-size-24;
 					color: #666;
@@ -377,13 +384,9 @@
 				}
 				.text-v{
 					font-size: $font-size-28;
-					color: #999;
+					color: #4A4F58;
 					line-height: 70rpx;
 					text-align: left;
-					&.title{
-						font-size: $font-size-26;
-						color: #666666;
-					}
 					&.bg-color{
 						line-height: 44rpx;
 						color: $color-system;
@@ -395,12 +398,13 @@
 						text-align: center;
 						font-size: $font-size-24;
 						color: #FFFFFF;
-						border-radius: 4rpx;
+						border-radius: 18rpx;
 						line-height: 36rpx;
 						display: inline-block;
 						margin-left: 10rpx;
 					}
 				}
+				
 			}
 		}
 		.pay-bring-wrapper{
@@ -414,6 +418,18 @@
 				width: 654rpx;
 				height: auto;
 				padding: 0 24rpx;
+				margin-top: 60rpx;
+				.text-title{
+					width: 100%;
+					height: 320rpx;
+					margin-bottom: 20rpx;
+					image{
+						width: 320rpx;
+						height: 320rpx;
+						display: block;
+						margin: 0 auto;
+					}
+				}
 				.text{
 					font-size: $font-size-24;
 					color: #666;
@@ -425,31 +441,40 @@
 					}
 				}
 				.text-v{
-					font-size: $font-size-28;
-					color: #999;
+					font-size: $font-size-32;
+					color: #4A4F58;
 					line-height: 70rpx;
-					text-align: left;
-					&.title{
-						font-size: $font-size-28;
-						color: #666666;
-					}
+					text-align: center;
+					margin-bottom: 30rpx;
 					&.bg-color{
 						line-height: 44rpx;
 						color: $color-system;
 					}
 					.clipboard{
-						width: 84rpx;
-						height: 36rpx;
-						background:linear-gradient(34deg,rgba(255,41,41,1) 0%,rgba(255,109,27,1) 100%);
+						width: 128rpx;
+						height: 48rpx;
+						background:linear-gradient(34deg, #FF2929 0%, #FF6D1B 100%);
 						text-align: center;
 						font-size: $font-size-24;
 						color: #FFFFFF;
-						border-radius: 4rpx;
-						line-height: 36rpx;
+						border-radius: 24rpx;
+						line-height: 48rpx;
 						display: inline-block;
 						margin-left: 10rpx;
 					}
 				}
+				.text-content{
+					width: 100%;
+					height: 160rpx;
+					background-color: #F5F5F5;
+					box-sizing: border-box;
+					padding: 24rpx;
+					line-height: 40rpx;
+					font-size: $font-size-28;
+					color: #666666;
+					text-align: justify;
+					margin-top: 60rpx;
+				}
 			}
 		}
 	}