From b5cc8f50317e289a3819d92d7672bd504e0115ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E7=BF=94=E5=AE=87-=E6=97=85=E7=AE=A1=E5=AE=B6?=
 <153298343@qq.com>
Date: Fri, 24 Jun 2022 21:45:26 +0800
Subject: [PATCH 1/3] up

---
 pages/guide/index.vue | 111 ++++++++++++++++++++----------------------
 pages/index/index.vue |   3 ++
 2 files changed, 56 insertions(+), 58 deletions(-)

diff --git a/pages/guide/index.vue b/pages/guide/index.vue
index dd1c0c3..0521e38 100644
--- a/pages/guide/index.vue
+++ b/pages/guide/index.vue
@@ -1,44 +1,32 @@
 <template>
 	<view class="content">
 		<view class="contentlist">
-			<view class="content_box">
-				<view class="content_title" @click="showwhat('shownotice')">
-					
-					<view class="infoicon">
-						<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
-						<text>参观须知</text>
-					</view>
-					<u-icon v-if="!show.shownotice" size="16" name="arrow-down"></u-icon>
-					<u-icon v-if="show.shownotice" size="16" name="arrow-up"></u-icon>
-				</view>
-				<view class="content_info" v-if="show.shownotice">
-					<rich-text style="text-indent: 2em;" :nodes="notice.content"></rich-text>
-				</view>
-			</view>
-			<view class="content_box">
-				<view class="content_title" @click="showwhat('showask')">
-					<view class="infoicon">
-						<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
-						<text>常见问题</text>
-					</view>
-					<u-icon v-if="!show.showask" size="16" name="arrow-down"></u-icon>
-					<u-icon v-if="show.showask" size="16" name="arrow-up"></u-icon>
-					
-				</view>
-				<view class="content_info" v-if="show.showask">
-					<rich-text style="text-indent: 2em;" :nodes="ask.content"></rich-text>
+			<block v-for="(item,index) in noticeList" :key="index">
+				<view class="content_box">
+					<view class="content_title" @click="showwhat(index)">
+
+						<view class="infoicon">
+							<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
+							<text>{{item.name}}</text>
+						</view>
+						<u-icon v-if="!item.shownotice" size="16" name="arrow-down"></u-icon>
+						<u-icon v-if="item.shownotice" size="16" name="arrow-up"></u-icon>
+					</view>
+					<view class="content_info" v-if="item.shownotice">
+						<rich-text style="text-indent: 2em;" :nodes="item.content"></rich-text>
+					</view>
 				</view>
-			</view>
+			</block>
 			<view class="content_box">
-				<view class="content_title"  @click="showwhat('showform')">
-					
-					<view class="infoicon">
-						<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
-						<text>意见建议</text>
-					</view>
-					<u-icon v-if="!show.showform" size="16" name="arrow-down"></u-icon>
-					<u-icon v-if="show.showform" size="16" name="arrow-up"></u-icon>
-					
+				<view class="content_title" @click="showwhat('showform')">
+
+					<view class="infoicon">
+						<u-icon size="16" color="#42b983" name="info-circle-fill"></u-icon>
+						<text>意见建议</text>
+					</view>
+					<u-icon v-if="!show.showform" size="16" name="arrow-down"></u-icon>
+					<u-icon v-if="show.showform" size="16" name="arrow-up"></u-icon>
+
 				</view>
 				<view class="content_info" v-if="show.showform">
 					<u-form labelPosition="top" :model="form">
@@ -65,30 +53,31 @@
 				form: {
 					mobile: "",
 					content: ""
-				},
-				show:{
-					shownotice:false,
-					showask:false,
-					showform:false
+				},
+				show: {
+					shownotice: false,
+					showask: false,
+					showform: false
 				},
 				urls: {
 					1: '/api/mobile/other/visit-notice-index',
 					4: '/api/mobile/other/ask-index'
-				}
+				},
+				noticeList: []
 			}
 		},
 		onLoad() {
 			var that = this;
 			that.loadList(1, 1)
-			that.loadList(1, 4)
+			//that.loadList(1, 4)
 		},
-		methods: {
-			showwhat(type){
-				// for(var m in this.show){
-				// 	if(m==type){
-						this.show[type] = !this.show[type]
-				// 	}
-				// }
+		methods: {
+			showwhat(type) {
+				if (type == "showform")
+					this.show[type] = !this.show[type];
+				else
+					this.noticeList[type].shownotice = !this.noticeList[type].shownotice;
+				this.$forceUpdate();
 			},
 			loadList(page, type) {
 				var that = this;
@@ -102,6 +91,10 @@
 							that.notice = res.data[0];
 						if (type == 4)
 							that.ask = res.data[0];
+						for (var mod of res.data) {
+							mod.shownotice = false;
+						}
+						that.noticeList = res.data
 					},
 					utilFail: function(res) {
 						uni.showToast({
@@ -158,8 +151,8 @@
 	}
 
 	.content {
-		padding:0 24rpx 60rpx 24rpx;
-		min-height: 100vh;
+		padding: 0 24rpx 60rpx 24rpx;
+		min-height: 100vh;
 		background: #fff;
 	}
 
@@ -169,17 +162,19 @@
 		padding: 30rpx 21rpx;
 		margin-bottom: 25rpx; */
 	}
+
 	.content_title {
 		padding: 26rpx 0;
 		border-bottom: #ddd 1rpx solid;
 		font-size: 32rpx;
-		color: #351C1B;
-		display: flex;
+		color: #351C1B;
+		display: flex;
 		justify-content: space-between;
-	}
-	.infoicon view{
-		display: inline-block!important;
-		margin-right:20rpx
+	}
+
+	.infoicon view {
+		display: inline-block !important;
+		margin-right: 20rpx
 	}
 
 	.content_info {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index f4d86bd..81bd8bb 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -181,6 +181,9 @@
 		onReady() {
 			// 如果需要兼容微信小程序的话，需要用此写法
 			this.$refs.calendar.setFormatter(this.formatter)
+		},
+		onHide() {
+		   this.showBook=false;	
 		},
 		methods: {
 			closePhone() {

From 521fe03eb6171289d9b05318f60913b7d90eedca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E7=BF=94=E5=AE=87-=E6=97=85=E7=AE=A1=E5=AE=B6?=
 <153298343@qq.com>
Date: Fri, 24 Jun 2022 22:10:17 +0800
Subject: [PATCH 2/3] up

---
 pages/guide/index.vue | 2 +-
 pages/visit/book.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/guide/index.vue b/pages/guide/index.vue
index 2de5a15..3427291 100644
--- a/pages/guide/index.vue
+++ b/pages/guide/index.vue
@@ -13,7 +13,7 @@
 						<u-icon v-if="item.shownotice" size="16" name="arrow-up"></u-icon>
 					</view>
 					<view class="content_info" v-if="item.shownotice">
-						<rich-text style="text-indent: 2em;" :nodes="item.content"></rich-text>
+						<rich-text style="text-indent: 2em;font-size: 28rpx;" :nodes="item.content"></rich-text>
 					</view>
 				</view>
 			</block>
diff --git a/pages/visit/book.vue b/pages/visit/book.vue
index 2c87570..6360f7e 100644
--- a/pages/visit/book.vue
+++ b/pages/visit/book.vue
@@ -306,7 +306,7 @@
 					content: "预约须知的内容"
 				}, {
 					title: "批量上传帮助",
-					content: "<p>1.批量上传EXCEL的以xlsx结尾</p><p>2.第一列为标题列 姓名	手机号	证件号</p><p>3.文件是从微信聊天记录中选取或者微信文件传输助手</p><img src='@host@/export.png' style='width:100%'/>"
+					content: "<p>1.批量上传EXCEL的以xlsx结尾</p><p>2.第一列为标题列 姓名	手机号	证件号 行动不便者</p><p>3.文件是从微信聊天记录中选取或者微信文件传输助手</p><img src='@host@/export.png?v=1.1' style='width:100%'/>"
 				}],
 				specialtype:false,
 				specialid:0,

From 76086c3682a46cb625cbd87a7283fccde654ea53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E7=BF=94=E5=AE=87-=E6=97=85=E7=AE=A1=E5=AE=B6?=
 <153298343@qq.com>
Date: Fri, 24 Jun 2022 22:32:33 +0800
Subject: [PATCH 3/3] up

---
 pages/order/visitorderinfo.vue | 406 +++++++++++++++++----------------
 1 file changed, 209 insertions(+), 197 deletions(-)

diff --git a/pages/order/visitorderinfo.vue b/pages/order/visitorderinfo.vue
index 64bd069..2129940 100644
--- a/pages/order/visitorderinfo.vue
+++ b/pages/order/visitorderinfo.vue
@@ -9,73 +9,76 @@
 				<view class="orderBoxInfo flex-col">
 					<view class="orderBoxInfoRow flex-row">
 						<text class="iconfont icon-shijian"></text>
-						<text
-							class="orderBoxInfoRowTxt">参观日期：{{timeFormat(info.date, 'MM月DD日')}}</text>
-					</view>
-					<view class="orderBoxInfoRow flex-row">
-						<text class="iconfont icon-shijian"></text>
-						<text
-							class="orderBoxInfoRowTxt">参观时段：{{info.time||""}}</text>
+						<text class="orderBoxInfoRowTxt">参观日期：{{timeFormat(info.date, 'MM月DD日')}}</text>
+					</view>
+					<view class="orderBoxInfoRow flex-row">
+						<text class="iconfont icon-shijian"></text>
+						<text class="orderBoxInfoRowTxt">参观时段：{{info.time||""}}</text>
 					</view>
 					<view class="orderBoxInfoRow flex-row">
 						<text class="iconfont icon-renshu"></text>
 						<text class="orderBoxInfoRowTxt">参观人数：{{info.total||0}}</text></text>
 					</view>
 
-					
+
 				</view>
-				
+
 			</view>
-		</view>
-		<view class="orderBoxTitle flex-row">
-			<text style="padding-top:25rpx" class="orderBoxTitleTxt">可扫“入馆码”入馆</text>
 		</view>
-		<view class="orderBoxList p0">
-			<view class="orderBox">
-				<view v-if="info.type==1"  class="orderBoxInfo flex-col ewmcode">
-					<text>入馆码：{{info.code}}-0</text>
-					<view>
-						<view class="imgs" >
-							<view :class="info.status!=1?'isuse':''">
-								<cover-image v-if="info.status==2"  src="../../static/img/used.png" alt=""></cover-image>
-								<!-- <img v-if="info.status!=1"  src="../../static/img/used.png" alt=""> -->
-								<canvas canvas-id='qrcode' style="width: 360rpx;height:350rpx;margin: 0 auto;">
-									<cover-view v-if="showview">
-									</cover-view>
-								</canvas>
-								
-							</view>
-						</view>
-					</view>
-					<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
-				</view>
-				<view v-if="info.type==2" class="orderBoxInfo flex-col ewmcode" :key='index' v-for="(item,index) in detailsinfo">
-					<text>入馆码：{{info.code}}-{{item.code}}</text>
-					<view>
-						<view class="imgs" >
-							<view :class="item.status!=1?'isuse':''">
-								<cover-image v-if="info.status==2"  src="../../static/img/used.png" alt=""></cover-image>
-								
-								<!-- <img v-if="item.status!=1"  src="../../static/img/used.png" alt=""> -->
-								<canvas :canvas-id="'qrcode'+index" style="width: 360rpx;height:350rpx;margin: 0 auto;">
-									<cover-view v-if="showview">
-									</cover-view>
-								</canvas>
-							</view>
-							<view class="imgsname">
-								<text class="orderBoxTitleTxt">{{item.name}}</text>
-								<text class="orderBoxTitleTxt" style="font-size: 28rpx;" v-if="item.is_open==1">
-									可使用身份证
-								</text>
-								<text style="font-size: 28rpx;" class="orderBoxTitleTxt" v-if="item.is_open==0">
-									不可使用身份证
-								</text>
-							</view>
-						</view>
-					</view>
-					<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
-				</view>
-			</view>
+		<view class="orderBoxTitle flex-row">
+			<text style="padding-top:25rpx" class="orderBoxTitleTxt">可扫“入馆码”入馆</text>
+		</view>
+		<view class="orderBoxList p0">
+			<view class="orderBox">
+				<view v-if="info.type==1" class="orderBoxInfo flex-col ewmcode">
+					<text>入馆码：{{info.code}}-0</text>
+					<view>
+						<view class="imgs">
+							<view :class="info.status!=1?'isuse':''">
+								<cover-image v-if="info.status==2" src="../../static/img/used.png" alt=""></cover-image>
+								<!-- <img v-if="info.status!=1"  src="../../static/img/used.png" alt=""> -->
+								<canvas canvas-id='qrcode' style="width: 360rpx;height:350rpx;margin: 0 auto;">
+									<cover-view v-if="showview">
+									</cover-view>
+								</canvas>
+
+							</view>
+						</view>
+					</view>
+					<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
+				</view>
+				<block v-if="info.type==2">
+					<view class="orderBoxInfo flex-col ewmcode" :key='index' v-for="(item,index) in detailsinfo">
+						<text>入馆码：{{info.code}}-{{item.code}}</text>
+						<view>
+							<view class="imgs">
+								<view :class="item.status!=1?'isuse':''">
+									<cover-image v-if="info.status==2" src="../../static/img/used.png" alt="">
+									</cover-image>
+
+									<!-- <img v-if="item.status!=1"  src="../../static/img/used.png" alt=""> -->
+									<canvas :canvas-id="'qrcode'+index"
+										style="width: 360rpx;height:350rpx;margin: 0 auto;">
+										<cover-view v-if="showview">
+										</cover-view>
+									</canvas>
+								</view>
+								<view class="imgsname">
+									<text class="orderBoxTitleTxt">{{item.name}}</text>
+								</view>
+							</view>
+
+							<view class="orderBoxTitleTxt" style="font-size: 28rpx;" v-if="item.is_open==1">
+								可凭二维码或者身份证入场馆
+							</view>
+							<view style="font-size: 28rpx;" class="orderBoxTitleTxt" v-if="item.is_open==0">
+								可凭二维码入场馆
+							</view>
+						</view>
+						<!-- <text class="ewminfo">{{isuse?'已使用':'请前往现场核销订单二维码'}}</text> -->
+					</view>
+				</block>
+			</view>
 		</view>
 		<!-- <view class="orderBoxList p0">
 			<view class="orderBox">
@@ -99,21 +102,21 @@
 					</view>
 				</view>
 			</view>
-		</view> -->
-		<view>
-			<view class="orderBoxInfoRow flex-row" style="margin-top: 25rpx;">
-				<!-- <text class="iconfont icon-iconfontgerenzhongxin"></text> -->
-				<text v-if="info.type==1" class="orderBoxInfoRowTxt">领队人：{{info.leader||""}}丨 {{info.mobile||""}}</text>
-				<text v-if="info.type==2" class="orderBoxInfoRowTxt">联系方式：{{info.mobile||""}}</text>
-			
-			</view>
-			<view class="orderBoxInfoRow flex-row" v-if="info.type==1" style="margin-top: 20rpx;">
-				<!-- <text class="iconfont icon-danwei"></text> -->
-				<text class="orderBoxInfoRowTxt">单位名称：{{info.unit||""}}</text>
-			</view>
-			<view class="orderBoxInfoRow flex-row" style="margin-top: 20rpx">
-				<text class="orderBoxInfoRowTxt">下单时间：{{info.created_at||""}}</text>
-			</view>
+		</view> -->
+		<view>
+			<view class="orderBoxInfoRow flex-row" style="margin-top: 25rpx;">
+				<!-- <text class="iconfont icon-iconfontgerenzhongxin"></text> -->
+				<text v-if="info.type==1" class="orderBoxInfoRowTxt">领队人：{{info.leader||""}}丨 {{info.mobile||""}}</text>
+				<text v-if="info.type==2" class="orderBoxInfoRowTxt">联系方式：{{info.mobile||""}}</text>
+
+			</view>
+			<view class="orderBoxInfoRow flex-row" v-if="info.type==1" style="margin-top: 20rpx;">
+				<!-- <text class="iconfont icon-danwei"></text> -->
+				<text class="orderBoxInfoRowTxt">单位名称：{{info.unit||""}}</text>
+			</view>
+			<view class="orderBoxInfoRow flex-row" style="margin-top: 20rpx">
+				<text class="orderBoxInfoRowTxt">下单时间：{{info.created_at||""}}</text>
+			</view>
 		</view>
 		<view class="orderBoxList orderBoxListTip">
 			<view class="orderBoxTitle flex-row">
@@ -121,7 +124,7 @@
 				<text class="orderBoxTitleTxt">参观须知</text>
 			</view>
 			<view class="flex-row" style="margin-top: 10rpx;">
-				<text class="orderBoxInfoRowTxt">{{info.type==1?vinfo.person_notice:vinfo.team_notice}}</text>
+				<view class="orderBoxInfoRowTxt" v-html="info.type==1?vinfo.person_notice:vinfo.team_notice"></view>
 			</view>
 		</view>
 	</view>
@@ -133,57 +136,57 @@
 		data() {
 			return {
 				info: {},
-				vinfo: {},
-				detailsinfo:[],
-				showview:false,
-				timer:null,
-				optionid:"",
-				timer:null
+				vinfo: {},
+				detailsinfo: [],
+				showview: false,
+				timer: null,
+				optionid: "",
+				timer: null
 			}
 		},
 		onLoad(options) {
 			this.loadIntroduce();
-			if (!this.util.isNull(options.id)) {
+			if (!this.util.isNull(options.id)) {
 				this.optionid = options.id
 				this.loadInfo(options.id);
 			}
-		},
-		
-		onShow() {
-			var that = this
-			this.timer = setInterval(function(){
-				that.loadInfo(that.optionid);
-			},4000)
-		},
-		
-		onHide() {
-			clearInterval(this.timer)
-		},
-		
-		onUnload() {
-			clearInterval(this.timer)
-		},
-		
+		},
+
+		onShow() {
+			var that = this
+			this.timer = setInterval(function() {
+				that.loadInfo(that.optionid);
+			}, 4000)
+		},
+
+		onHide() {
+			clearInterval(this.timer)
+		},
+
+		onUnload() {
+			clearInterval(this.timer)
+		},
+
 		methods: {
-			qrFun: function(text,qrcode) {
-				var id = "qrcode";
-				if(qrcode){
-					id = qrcode
-				}
-				uQRCode.make({
-					canvasId: id,
-					componentInstance: this,
-					text: text,
-					size: 200,
-					// margin: 10,
-					backgroundColor: '#ffffff',
-					foregroundColor: '#000000',
-					fileType: 'jpg',
-					errorCorrectLevel: uQRCode.errorCorrectLevel.H,
-					success: res => {
-			
-					}
-				})
+			qrFun: function(text, qrcode) {
+				var id = "qrcode";
+				if (qrcode) {
+					id = qrcode
+				}
+				uQRCode.make({
+					canvasId: id,
+					componentInstance: this,
+					text: text,
+					size: 200,
+					// margin: 10,
+					backgroundColor: '#ffffff',
+					foregroundColor: '#000000',
+					fileType: 'jpg',
+					errorCorrectLevel: uQRCode.errorCorrectLevel.H,
+					success: res => {
+
+					}
+				})
 			},
 			loadIntroduce() {
 				var that = this;
@@ -210,24 +213,24 @@
 					},
 					utilSuccess: function(res) {
 						that.info = res;
-						that.detailsinfo = res.details;
-						if(res.status!=1){
-							clearInterval(that.timer)
-						}
-						if(res.type==1){
-							that.qrFun(res.code+"-"+"0");
-							setTimeout(function(){
-								that.showview = true
-							},500)
-						
-						}
-						if(res.type==2){
-							for(var i=0;i<res.details.length;i++){
-								that.qrFun(res.code+"-"+res.details[i].code,'qrcode'+i);
-							}
-							setTimeout(function(){
-								that.showview = true
-							},500)
+						that.detailsinfo = res.details;
+						if (res.status != 1) {
+							clearInterval(that.timer)
+						}
+						if (res.type == 1) {
+							that.qrFun(res.code + "-" + "0");
+							setTimeout(function() {
+								that.showview = true
+							}, 500)
+
+						}
+						if (res.type == 2) {
+							for (var i = 0; i < res.details.length; i++) {
+								that.qrFun(res.code + "-" + res.details[i].code, 'qrcode' + i);
+							}
+							setTimeout(function() {
+								that.showview = true
+							}, 500)
 						}
 					},
 					utilFail: function(res) {
@@ -276,18 +279,20 @@
 	}
 
 	.orderBoxList {
-		padding: 26rpx;
-		box-sizing: border-box;
-		background: #fff;
+		padding: 26rpx;
+		box-sizing: border-box;
+		background: #fff;
 		border-radius: 20rpx;
-	}
-	.orderBoxListTip{
-		background: none;
-		border-radius: 0rpx;
-		padding: 26rpx 10rpx;
-	}
-	.orderBoxListTip .orderBoxTitle{
-		padding-bottom:10rpx
+	}
+
+	.orderBoxListTip {
+		background: none;
+		border-radius: 0rpx;
+		padding: 26rpx 10rpx;
+	}
+
+	.orderBoxListTip .orderBoxTitle {
+		padding-bottom: 10rpx
 	}
 
 	.content_box {
@@ -306,8 +311,8 @@
 	}
 
 	.orderBoxInfoRow {
-		align-items: center;
-		margin:10rpx
+		align-items: center;
+		margin: 10rpx
 	}
 
 	.orderBoxTitleTxt {
@@ -334,7 +339,7 @@
 
 
 	.orderBoxInfoRowTxt {
-		font-size: 30rpx!important;
+		font-size: 30rpx !important;
 		font-family: PingFang SC;
 		color: #828282;
 	}
@@ -346,59 +351,66 @@
 		font-size: 24rpx;
 	}
 
-	.p0 {
-		padding-top: 0;
-		border-left:32rpx solid #ef9525
-	}
-	
-	.ewmcode {
-		text-align: center;
-		font-size: 28rpx;
-		text-align: left;
-		font-size: 28rpx;
-		margin-left: 18rpx;
-		padding-bottom:0;
-			padding-top: 30rpx;
-	}
-.imgs {
+	.p0 {
+		padding-top: 0;
+		border-left: 32rpx solid #ef9525
+	}
+
+	.ewmcode {
+		text-align: center;
+		font-size: 28rpx;
+		text-align: left;
+		font-size: 28rpx;
+		margin-left: 18rpx;
+		padding-bottom: 0;
+		padding-top: 30rpx;
+	}
+
+	.imgs {
 		margin: 30rpx 0 0rpx 0;
 		font-size: 0;
 		display: inline-block;
-	}
-	
-	.imgs view{
-		    position: relative;
-		    display: inline-block;
-			margin-bottom: 20rpx;
 	}
+
+	.imgs view {
+		position: relative;
+		display: inline-block;
+		margin-bottom: 20rpx;
+	}
+
 	.imgs cover-image {
-		position: absolute;
-		    width: 200rpx;
-		    height: 200rpx;
-		    z-index: 999;
-		    opacity: 1;
-		    right: 0rpx;
-		    bottom: 0rpx;
-	}
-	.imgs canvas{
-		display: inline-block;
-		vertical-align: middle;
-	}
-	.imgsname{
-		    display: inline-block;
-		    text-align: center;
-		    margin-left: 15rpx;
-	}
-	.imgs text{
-		display: block;
-		/* margin-left: 40rpx; */
-	}
-	.imgs .isuse cover-view{
-		background-color: rgba(255,255,255,0.6);
-		width: 360rpx;
-		height:350rpx;
-	}
-	
+		position: absolute;
+		width: 200rpx;
+		height: 200rpx;
+		z-index: 999;
+		opacity: 1;
+		right: 0rpx;
+		bottom: 0rpx;
+	}
+
+	.imgs canvas {
+		display: inline-block;
+		vertical-align: middle;
+	}
+
+	.imgsname {
+		display: inline-block;
+		text-align: center;
+		margin-left: 15rpx;
+		flex: 1;
+	}
+
+	.imgs text {
+		display: block;
+		/* margin-left: 40rpx; */
+	}
+
+	.imgs .isuse cover-view {
+		background-color: rgba(255, 255, 255, 0.6);
+		width: 360rpx;
+		height: 350rpx;
+	}
+
 
 	.ewminfo {
 		color: #828282;