页面修改

pages/kotra/signSuccse.vue

 <style>
-	.signSuccse{
+	.signSuccse {
 		width: 100%;
 		height: 100vh;
 		overflow-y: auto;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		
+
 	}
-	.signSuccse .text{
+
+	.signSuccse .text {
 		font-size: 15px;
 		font-family: PingFang SC;
-		
+
 		color: #111111;
 		line-height: 21px;
 	}
-	.signSuccse .btn{
+
+	.signSuccse .btn {
 		width: 420rpx;
 		height: 44px;
 		border-radius: 10px;
@@ -26,27 +28,36 @@
 		margin-top: 67px;
 		font-size: 16px;
 		color: #FFFFFF;
-		
+
 	}
-	.popup_box{
+
+	.popup_box {
 		width: 100%;
 		background: #FFF;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		
+
 		border-radius: 10px;
 		background-image: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/signSuccsetc.png');
-		background-size:cover;
+		background-size: cover;
 		position: relative;
 		height: 622rpx;
 	}
-	.font-box{
+
+	.font-box {
 		width: 70%;
 		/* margin: auto; */
 		text-align: center;
 	}
-	.txte-red{
+
+	.font-box2 {
+		width: 70%;
+		/* margin: auto; */
+
+	}
+
+	.txte-red {
 		font-weight: bolder;
 		color: red !important;
 	}
@@ -59,20 +70,23 @@
 			<view class="text" style="margin-top: 23px;">审核通过后(大会开始前3日）</view>
 			<view class="text">参会入场短信将发送至您的手机</view>
 			<view class="text">请留意查收！</view>
-			<view class="text">原则上重点地区来（返）蓉人员需完成管控措施后可参加会议活动；</view>
-			<view class="text txte-red">其它来（返）蓉人员持来（返）蓉前3天内2次核酸阴性证明，且完成抵蓉后第1次核酸检测后，持24小时内核酸阴性证明入场；
-市内参加会议活动人员需持24小时内核酸阴性证明入场。</view>
-			
+		</view>
+		<view class="font-box2">
+			<view class="text" style="text-indent: 2em;">原则上重点地区来（返）蓉人员需完成管控措施后可参加会议活动；</view>
+			<view class="text txte-red" style="text-indent: 2em;">其它来（返）蓉人员持来（返）蓉前3天内2次核酸阴性证明，且完成抵蓉后第1次核酸检测后，持24小时内核酸阴性证明入场；
+				市内参加会议活动人员需持24小时内核酸阴性证明入场。</view>
+			<view class="text txte-red" style="text-indent: 2em;">市内参加会议活动人员需持24小时内核酸阴性证明入场。</view>
+		</view>
+		<view class="font-box">
 			<view class="text">感谢您的支持</view>
 		</view>
-		
 		<view class="btn" @click="golist" :style="{'background-color':mainColor}">好的</view>
 		<u-popup v-model="rzshow" mode="center" length="80%" :closeable="true">
 			<view class="popup_box">
-				<view class="btn"  style="position: absolute;left: 50%;bottom: 78rpx;margin-left: -210rpx;" @click="queren">立即入驻</view> 
-				<u-icon name="cross" color="#909399"  size="42" style="position: absolute;right: 15px;top: 15px;"  @click="rzshow=false"></u-icon>
+				<view class="btn" style="position: absolute;left: 50%;bottom: 78rpx;margin-left: -210rpx;" @click="queren">立即入驻</view>
+				<u-icon name="cross" color="#909399" size="42" style="position: absolute;right: 15px;top: 15px;" @click="rzshow=false"></u-icon>
 			</view>
-			
+
 		</u-popup>
 
 	</view>
@@ -80,51 +94,50 @@
 
 <script>
 	export default {
-		data(){
-			return{
-				mainColor:'',
-				companyStatus:0,
-				rzshow:false,
+		data() {
+			return {
+				mainColor: '',
+				companyStatus: 0,
+				rzshow: false,
 			}
 		},
 		created() {
 			this.mainColor = this.$uiConfig.mainColor;
 		},
 		mounted() {
-			setTimeout(()=>{
+			setTimeout(() => {
 				this.getComponyStatus()
-				
-			},2000)
+
+			}, 2000)
 		},
-		methods:{
+		methods: {
 			// 获取公司认证信息
-			getComponyStatus(){
+			getComponyStatus() {
 				let that = this
 				let parms = {
 					url: "/api/AppletTrade/GetCommpanyStatus",
 				}
 				this.request2(parms, (res) => {
-					if (res.resultCode == 1&&res.data!=null) {
+					if (res.resultCode == 1 && res.data != null) {
 						// 获取公司名字和认证状态
-						that.companyStatus=res.data.CompanyStatus
-						if(that.companyStatus!=5){
-							this.rzshow=true
-						}						
+						that.companyStatus = res.data.CompanyStatus
+						if (that.companyStatus != 5) {
+							this.rzshow = true
+						}
 					}
 				})
 			},
-			queren(){//去认证
+			queren() { //去认证
 				uni.reLaunch({
-				  url: "/pages/kotra/identification",
+					url: "/pages/kotra/identification",
 				});
 			},
-			golist(){//报名列表
+			golist() { //报名列表
 				uni.reLaunch({
-				  url: "/pages/kotra/activityList"
+					url: "/pages/kotra/activityList"
 				});
-				
+
 			}
 		}
 	}
 </script>
-