适配 max-width:769;

src/pages.json

@@ -82,7 +82,8 @@
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "一定牛彩店",
 		"navigationBarBackgroundColor": "#F1F1F1",
-		"backgroundColor": "#F1F1F1"
+		"backgroundColor": "#F1F1F1",
+		"maxWidth":"769"
 	},
 	"tabBar": {
 		"color": "#7A7E83",

src/pages/auth/login.vue

@@ -122,7 +122,7 @@
 	}
 </script>
 
-<style>
+<style lang="scss" scoped>
 	.body {
 		font-family: Helvetica;
 		font-weight: 400;

src/pages/center/adv.vue

@@ -133,7 +133,7 @@
 	}
 </script>
 
-<style>
+<style lang="scss" scoped>
 	.panel {
 		font-size: 14px;
 	}
@@ -162,7 +162,7 @@
 	}
 
 	.panel-txt {
-		width: calc(100vw - 40px);
+		width: calc(100% - 40px);
 		margin: 5px 20px;
 		background-color: #F5F5F5;
 	}

src/pages/center/index.vue

@@ -72,14 +72,14 @@
 	}
 </script>
 
-<style>
+<style lang="scss" scoped>
 	page {
 		background-color: #F5F5F5;
 	}
 
 	.header-content {
 		background-color: #D23338;
-		width: 100vw;
+		width: 100%;
 		height: 77px;
 		display: flex;
 	}

src/pages/center/share.vue

@@ -34,19 +34,18 @@
 	}
 </script>
 
-<style scoped>
-	.page-content {
-		width: 80vw;
-		padding: 10px 5vw 44px 5vw;
-	}
-
-	.page-content image {
-		width: 90vw;
+<style lang="scss" scoped>
+	.page-content {}
+	
+	.page-content image {
+		width: 90%;
+		margin: 10px 5%;
 	}
 
 	.page-tabbar {
 		display: flex;
-		position: fixed;
+		position: fixed;
+		max-width: $sys-max-width;
 		bottom: 0;
 		width: 100%;
 		height: 44px;
@@ -57,7 +56,7 @@
 	}
 
 	.page-tabbar-tip {
-		width: 33vw;
+		width: 33%;
 		height: 44px;
 		line-height: 44px;
 		text-align: center;

src/pages/center/suggest.vue

 <template>
 	<view class="page">
-		<textarea class="textarea" v-model="txt" placeholder="可以提出您想实现的彩店功能、或者对现有产品的改进"></textarea>
+		<textarea class="textarea" v-model="txt" maxlength="300" placeholder="可以提出您想实现的彩店功能、或者对现有产品的改进"></textarea>
 		<button type="default" class="btn" @click="save">提交</button>
 	</view>
 </template>
@@ -27,22 +27,22 @@
 	}
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 	body {
-		max-width: 769px;
+		max-width: $sys-max-width;
 		-webkit-tap-highlight-color: transparent;
 		box-shadow: 0 2px 2px rgb(0 0 0 / 30%);
 	}
 
 	.page {
-		width: 100vw;
+		width: 100%;
 		height: 100vh;
 		background-color: #F1F1F1;
 		font-size: 14px;
 	}
 
 	.textarea {
-		width: calc(100vw - 20px);
+		width: calc(100% - 20px);
 		padding: 10px;
 		min-height: 150px;
 		background-color: #FFFFFF;

src/pages/index/index.vue

@@ -129,7 +129,7 @@
 	}
 
 	.menu-item {
-		width: 20vw;
+		width: 22%;
 		display: flex;
 		flex-direction: column;
 		align-items: center;

src/pages/tv/info.vue

@@ -61,8 +61,8 @@
 
 				uni.showToast({
 					title: '复制成功'
-				})
-				
+				})
+
 				this.$refs.popup.close()
 			},
 			save() {
@@ -81,14 +81,12 @@
 	}
 </script>
 
-<style scoped>
-	.page-content {
-		width: 80vw;
-		padding: 10px 5vw 44px 5vw;
-	}
+<style lang="scss" scoped>
+	.page-content {}
 
 	.page-content image {
-		width: 90vw;
+		width: 90%;
+		margin: 10px 5%;
 	}
 
 	.page-tabbar {
@@ -96,6 +94,8 @@
 		position: fixed;
 		bottom: 0;
 		width: 100%;
+		max-width: $sys-max-width;
+		
 		height: 44px;
 		background-color: #F8F8F8;
 		justify-content: space-around;
@@ -104,7 +104,7 @@
 	}
 
 	.page-tabbar-tip {
-		width: 33vw;
+		width: 33%;
 		height: 44px;
 		line-height: 44px;
 		text-align: center;
@@ -119,7 +119,8 @@
 	}
 
 	.popup-content {
-		width: 80vw;
+		width: 80vw;
+		max-width: 520px;
 		padding: 20px 20px 38px 20px;
 		background-color: #FFFFFF;
 		color: #101010;
@@ -131,7 +132,7 @@
 	.popup-copy {
 		position: absolute;
 		bottom: 0;
-		left: calc((80vw - 56px) / 2);
+		left: calc((100% - 50px) / 2);
 		color: #DAB16B;
 		font-size: 16px;
 		padding-bottom: 10px;

src/pages/tv/list.vue

@@ -113,16 +113,16 @@
 	}
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 	.top-nav {
 		display: flex;
-		padding: 2vw;
+		padding: 10px;
 		flex-wrap: wrap;
 	}
 
 	.top-nav-btn {
 		margin-top: 8px;
-		width: 20vw;
+		width: 22%;
 		height: 30px;
 		line-height: 30px;
 		color: #666666;
@@ -141,12 +141,12 @@
 		flex-direction: row;
 		flex-wrap: wrap;
 		justify-content: space-around;
-		padding: 20px 8px 30vh 8px;
+		padding: 20px 8px 30px 8px;
 	}
 
 	.left,
 	.right {
-		width: 46vw;
+		width: 46%;
 		display: flex;
 		flex-direction: column;
 		justify-content: flex-start;

src/uni.scss

@@ -73,4 +73,7 @@ $uni-font-size-title:40rpx;
 $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:36rpx;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
-$uni-font-size-paragraph:30rpx;
\ No newline at end of file
+$uni-font-size-paragraph:30rpx;
+
+
+$sys-max-width:769px;
\ No newline at end of file