型号适配

static/base_css.css

@@ -422,12 +422,18 @@ h3.contit span {
     font-weight: 600;
 }
 
+.myitem {
+	display: flex;
+	justify-content: center;	
+}
+
 .myitem span {
 	position: relative;
 	margin: 1% 10% 0 0;
 	padding-right: 0.6rem;
 	font-size: 0.9rem;
 	color: #666;
+	white-space: nowrap;
 }
 
 .myitem span b {

subpkg/complete/complete.vue

@@ -12,7 +12,8 @@
 		<view class="mainwrap2">
 			<view class="question-wrap">
 				<view class="question-list">
-		  <view  :class="item.correct === 0 ? 'question-item erritem':'question-item'" v-for="(item, i) in questionList" :key="i" @click="itemClickHandler(item)">
+					<view :class="item.correct === 0 ? 'question-item erritem':'question-item'"
+						v-for="(item, i) in questionList" :key="i" @click="itemClickHandler(item)">
 						<span class="question-num">{{i+1}}</span>
 					</view>
 					<!-- <view class="question-item erritem" v-for="(item, i) in questionList" :key="i" @click="itemClickHandler(item)">
@@ -45,26 +46,38 @@
 			<view class="perinfo">
 				<view class="myitem">
 					<!-- <label><button open-type="share"></button>炫耀一下</label> -->
-			<view @click="shareUser()"><label><image src="/static/images/btn-xy.png"></image></label>炫耀一下</view>
+					<view @click="shareUser()"><label>
+							<image src="/static/images/btn-xy.png"></image>
+						</label>炫耀一下</view>
 				</view>
 				<view class="myitem">
-			<view @click="review()"><label><image src="/static/images/btn-hg.png"></image></label>演练回顾</view>
+					<view @click="review()"><label>
+							<image src="/static/images/btn-hg.png"></image>
+						</label>演练回顾</view>
 				</view>
 				<view class="myitem">
-			<view @click="reChallenge()"><label><image src="/static/images/btn-cx.png"></image></label>重新挑战</view>
+					<view @click="reChallenge()"><label>
+							<image src="/static/images/btn-cx.png"></image>
+						</label>重新挑战</view>
 				</view>
 			</view>
 		</view>
 		<view class="popup-share" v-if="showShare">
 			<label @click="closeShare()" class="close-button"></label>
-		<label class="medimg"><image src="/static/images/medal_1.png"></image></label>
+			<label class="medimg">
+				<image src="/static/images/medal_1.png"></image>
+			</label>
 			<view class="congrat">恭喜你获得1枚成就勋章！</view>
 			<view class="perinfo">
 				<view class="myitem">
-			<view @click=""><label><button open-type="share"></button><image src="/static/images/btn-wx.png"></image></label>分享给微信好友</view>
+					<view @click=""><label><button open-type="share"></button>
+							<image src="/static/images/btn-wx.png"></image>
+						</label>分享给微信好友</view>
 				</view>
 				<view class="myitem">
-		  	<view @click="formSubmit()"><label><image src="/static/images/btn-ma.png"></image></label>二维码邀请</view>
+					<view @click="formSubmit()"><label>
+							<image src="/static/images/btn-ma.png"></image>
+						</label>二维码邀请</view>
 				</view>
 			</view>
 		</view>
@@ -85,7 +98,11 @@
 </template>
 
 <script>
-	import { mapState, mapMutations, mapGetters } from 'vuex'
+	import {
+		mapState,
+		mapMutations,
+		mapGetters
+	} from 'vuex'
 	export default {
 		data() {
 			return {
@@ -185,7 +202,10 @@
 			async getRecordList() {
 				const {
 					data: res
-				} = await uni.$http.post('/small/questionFre/listAll',{roleId:this.roleId,userId:this.userId})
+				} = await uni.$http.post('/small/questionFre/listAll', {
+					roleId: this.roleId,
+					userId: this.userId
+				})
 				if (!res.success) return uni.$showMsg()
 				this.recordList = res.data
 
@@ -231,7 +251,8 @@
 			},
 			review() {
 				uni.navigateTo({
-					url: '/subpkg/review/review?questionFreId=' + this.questionFreId +'&sceneId=' + this.sceneId +"&roleId=" + this.roleId
+					url: '/subpkg/review/review?questionFreId=' + this.questionFreId + '&sceneId=' + this.sceneId +
+						"&roleId=" + this.roleId
 				})
 			},
 			closeShare() {
@@ -468,6 +489,7 @@
 	.secbar {
 		height: 4vh;
 		text-align: center;
+
 		.title {
 			display: inline-block;
 			margin-top: 1.75vh;
@@ -575,6 +597,7 @@
 			.item {
 				margin: 2% 0;
 				border-bottom: 1px dotted #ddd;
+
 				label {
 					color: #666;
 					font-size: 1.0rem;
@@ -635,7 +658,8 @@
 		transform: rotate(45deg);
 	}
 
-	.close-button:before, .close-button:after {
+	.close-button:before,
+	.close-button:after {
 		content: '';
 		position: absolute;
 		top: 50%;
@@ -666,6 +690,7 @@
 		bottom: 0;
 		z-index: 100;
 	}
+
 	.shengcheng {
 		width: 350px;
 		height: 580px;
@@ -676,18 +701,21 @@
 		transform: translate(-50%, -50%);
 		z-index: 999;
 	}
+
 	.btnbox {
 		display: flex;
-		  width: 70%;
-		  height: 90rpx;
+		justify-content: center;
 		position: absolute;
 		bottom: 10%;
-		  left: 15%;	
-		}
-		.baocun ,.cancel{
-		  display: block;
-		  width: 45%;
+		left: 10%;
+		width: 80%;
 		height: 90rpx;
+	}
+
+	.baocun,
+	.cancel {
+		display: inline-block;
+		width: 60%;
 		padding: 0;
 		line-height: 90rpx;
 		text-align: center;
@@ -699,12 +727,9 @@
 	}
 
 	.cancel {
-	display: inline-block;
+		width: 35%;
 		background-color: #fff;
 		color: #1367fe;
 	}
 
-		button[class="baocun"]::after{
-		  border: 0;
-		}
 </style>