移动端微调

pages/certificateDetail/certificateDetail.vue

@@ -33,8 +33,8 @@
 									</view>
 								</view>
 							</view>
-							<view class="border fflex border-right-none border-top-none" style="box-sizing: border-box;padding: 20px;">
-								<image style="width: 100%;" :src="info.avatar" mode="widthFix"></image>
+							<view class="border fflex ddflex border-right-none border-top-none" style="box-sizing: border-box;padding: 20px;">
+								<image style="max-width: 100%;max-height: 125px;" :src="info.avatar" mode="widthFix"></image>
 							</view>
 						</view>
 						
@@ -96,47 +96,47 @@
 			</button>
 		</view>
 		
-		<view>
+		<view style="border-left: 20rpx solid #fff;border-right: 20rpx solid #fff;">
 			<view class="m-height56 ddflex m-padding-left" style="color: #fff;background-color: #2e68d8;">● 基本信息</view>
 			<view class="dflex" style="align-items: stretch;">
 				<view>
 					<view class="ddflex">
-						<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">姓名</view>
+						<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none">姓名</view>
 						<view class="m-height56 ddflex m-width200 m-padding-left border border-right-none border-bottom-none">{{info.userName?info.userName:'*'}}</view>
 					</view>
 					<view class="ddflex">
-						<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">性别</view>
+						<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none">性别</view>
 						<view class="m-height56 ddflex m-width200 m-padding-left border border-right-none border-bottom-none">{{info.sex==1?'男':info.sex==2?'女':'*'}}</view>
 					</view>
 					<view class="ddflex">
-						<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">培训时间</view>
+						<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none">培训时间</view>
 						<view class="m-height56 ddflex m-width200 m-padding-left border border-right-none border-bottom-none">{{info.trainingDate?dateYM(info.trainingDate):'*'}}</view>
 					</view>
 				</view>
-				<view class="border fflex border-bottom-none" style="box-sizing: border-box;padding: 20px;">
-					<image style="width: 100%;" :src="info.avatar" mode="widthFix"></image>
+				<view class="border fflex border-bottom-none ddflex" style="box-sizing: border-box;padding: 20rpx;">
+					<image style="max-width: 100%;max-height: 250rpx;" :src="info.avatar" mode="widthFix"></image>
 				</view>
 			</view>
 			<view class="ddflex">
-				<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-left-none">身份证号</view>
+				<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none">身份证号</view>
 				<view class="m-height56 ddflex fflex m-padding-left border">{{info.idNumber?info.idNumber:'*'}}</view>
 			</view>
 			
 			<view class="m-height56 ddflex m-padding-left" style="color: #fff;background-color: #2e68d8;">● 证件信息</view>
 			<view class="ddflex">
-				<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">职业名称</view>
-				<view class="m-height56 ddflex fflex m-padding-left border border-right-none border-bottom-none">{{info.cateName?info.cateName:'*'}}</view>
+				<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none">职业名称</view>
+				<view class="m-height56 ddflex fflex m-padding-left border border-bottom-none">{{info.cateName?info.cateName:'*'}}</view>
 			</view>
 			<view class="ddflex">
-				<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">培训等级</view>
-				<view class="m-height56 ddflex fflex m-padding-left border border-right-none border-bottom-none">{{info.trainingLevel?info.trainingLevel:'*'}}</view>
+				<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none">培训等级</view>
+				<view class="m-height56 ddflex fflex m-padding-left border border-bottom-none">{{info.trainingLevel?info.trainingLevel:'*'}}</view>
 			</view>
 			<view class="ddflex">
-				<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none border-left-none">发证单位</view>
-				<view class="m-height56 ddflex fflex m-padding-left border border-right-none border-bottom-none">湖南现代职业培训学校</view>
+				<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-bottom-none">发证单位</view>
+				<view class="m-height56 ddflex fflex m-padding-left border  border-bottom-none">湖南现代职业培训学校</view>
 			</view>
 			<view class="ddflex">
-				<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none border-left-none">发证日期</view>
+				<view class="ddflex-jc m-height56 m-width150 bg-color border border-right-none">发证日期</view>
 				<view class="m-height56 ddflex fflex m-padding-left border">{{info.issueDate?info.issueDate:'*'}}</view>
 			</view>
 			
@@ -226,8 +226,16 @@
 				})
 			},
 			changeItem(item){
-				this.info = item
-				this.$refs.popup.close()
+				uni.showLoading({
+					title:'加载中...'
+				})
+				if(!this.isPc){
+					this.$refs.popup.close()
+				}
+				setTimeout(()=>{
+					this.info = item
+					uni.hideLoading()
+				},500)
 			},
 			// 时间格式化
 			dateYM(date){

pages/certificateQuery/certificateQuery.vue

@@ -81,12 +81,12 @@
 			</view>
 		</view>
 		
-		<view style="padding: 30rpx;border-top: 1px solid #1AA1E6;">
+		<view style="padding: 20rpx;border-top: 1px solid #1AA1E6;font-size: 30rpx;">
 			<view style="text-align: center;">
 				第三方证书查询平台
 			</view>
 			<view class="ddflex" style="justify-content: center;margin-top: 18rpx;flex-wrap: wrap;">
-				<view style="line-height: 2;width: calc(50% - 40rpx);background-color: #fff;padding: 10rpx;box-sizing: border-box;margin: 20rpx"  v-for="item in otherLink" @click="jumpLink(item.link)">{{item.title}}</view>
+				<view style="line-height: 2;width: calc(50% - 30rpx);background-color: #fff;padding: 10rpx;box-sizing: border-box;margin: 15rpx"  v-for="item in otherLink" @click="jumpLink(item.link)">{{item.title}}</view>
 			</view>
 		</view>
 	</view>