适应小程序样式修改

pages.json

@@ -3,7 +3,8 @@
 			"path": "pages/index/index",
 			"style": {
 				"navigationBarTitleText": "全民演练",
-				"enablePullDownRefresh": false
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
 			}
 		},
 		{

pages/index/index.vue

@@ -6,9 +6,9 @@
 				<img :src="topImg"></img>
 			</view>
 		    <view class="banbox">
-				<swiper style="height: 450px;" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true">
+				<swiper style="height: 100%;" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true">
 					<swiper-item v-for="(item, i) in swiperList" :key="i">
-						<navigator class="swiper-item">
+						<navigator style="height: 100%;" class="swiper-item">
 							<img :src="item"></img>
 						</navigator>
 					</swiper-item>
@@ -67,7 +67,7 @@
 		},
 		onLoad() {
 			this.getSwiperList();
-			this.checkLogin()
+			// this.checkLogin()
 		},
 		onShow() {
 			this.page= "home"

pages/my/my.vue

@@ -8,9 +8,9 @@
 	      </view>
 	    </view>
 	    <view class="banbox_sec perinfo">
-			<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000" :circular="true">
+			<swiper style="height: 100%;" :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000" :circular="true">
 				<swiper-item v-for="(item, i) in swiperList" :key="i">
-					<navigator class="swiper-item">
+					<navigator style="height: 100%;" class="swiper-item">
 						<img :src="item"></img>
 					</navigator>
 				</swiper-item>

pages/scan/scan.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view class="wrap">
 	  <view class="footbox">
 		<tabbar :page="page"></tabbar>
 	  </view>
@@ -44,5 +44,6 @@
 </script>
 
 <style lang="scss">
+	@import url("@/static/base_css.css");
 
 </style>

static/base_css.css

@@ -58,7 +58,7 @@ img {
 
 
 .mainwrap {
-	margin-top: 0px;
+	margin-top: 40px;
 	padding-bottom: 5%;
 	height: calc(100% - 100px);
 	width: 100%;
@@ -70,23 +70,23 @@ img {
 
 .topcont {
 	position: relative;
-	top: 4%;
+	top: 1%;
 	width: 100%;
-	height: 10.5%;
+	height: 17.5%;
 	text-align: center;
 }
 
 .topcont img {
 	width: 80%;
-	height: auto;
+	height: 100%;
 }
 
 .banbox {
 	position: relative;
-	top: 4%;
+	top: -3.5%;
 	z-index: 1;
 	margin: 0 auto;
-	height: 60%;
+	height: 65%;
 	width: 94%;
 	box-sizing: content-box;
 	border-radius: 10px;
@@ -95,7 +95,7 @@ img {
 .itembox {
 	display: flex;
 	position: relative;
-	top: 4%;
+	top: -3.5%;
 	margin: 3.5% auto 0;
 	width: 94%;
 	height: 21%;