zz

src/App.vue

@@ -14,10 +14,18 @@
 
 <style>
 	/*每个页面公共css */
-	uni-page {
+	uni-app {
+		margin: 0 auto;
 		-webkit-tap-highlight-color: transparent;
 		box-shadow: 0 2px 2px rgb(0 0 0 / 30%);
 		height: auto;
 		min-height: 100%;
-	}	
+	}
+
+/* 	uni-page {
+		-webkit-tap-highlight-color: transparent;
+		box-shadow: 0 2px 2px rgb(0 0 0 / 30%);
+		height: auto;
+		min-height: 100%;
+	} */
 </style>

src/pages/index/index.vue

 <!-- 本示例未包含完整css，获取外链css请参考上文，在hello uni-app项目中查看 -->
 <template>
 	<view class="content">
-		<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
-			:duration="duration">
+		<swiper class="swiper uni-swiper-height" :indicator-dots="indicatorDots" :autoplay="autoplay"
+			:interval="interval" :duration="duration">
 			<swiper-item class="swiper-item">
-				<image class="banner" mode="aspectFit" src="/static/img/banner01.png"></image>
+				<image class="banner" mode="widthFix" src="/static/img/banner01.png"></image>
 			</swiper-item>
 			<swiper-item class="swiper-item">
-				<image class="banner" mode="aspectFit" src="/static/img/banner01.png"></image>
+				<image class="banner" mode="widthFix" src="/static/img/banner01.png"></image>
 			</swiper-item>
 			<swiper-item class="swiper-item">
-				<image class="banner" mode="aspectFit" src="/static/img/banner01.png"></image>
+				<image class="banner" mode="widthFix" src="/static/img/banner01.png"></image>
 			</swiper-item>
 		</swiper>
 		<view class="menu-content">
@@ -19,14 +19,14 @@
 				<view class="menu-name">{{item.name}}</view>
 			</view>
 		</view>
-		<view class="seg-line">
-			<view class="seg-name">彩店工具</view>
-		</view>
-		<view class="menu-content">
-			<view class="menu-item" v-for="(item,index) in meun_list2" :key="index">
-				<image class="menu-img" :src="item.src" :data-nav="item.nav" @click="menuNav"></image>
-				<view class="menu-name">{{item.name}}</view>
-			</view>
+		<view class="seg-line">
+			<view class="seg-name">彩店工具</view>
+		</view>
+		<view class="menu-content">
+			<view class="menu-item" v-for="(item,index) in meun_list2" :key="index">
+				<image class="menu-img" :src="item.src" :data-nav="item.nav" @click="menuNav"></image>
+				<view class="menu-name">{{item.name}}</view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -104,13 +104,63 @@
 </script>
 
 <style scoped>
+	@media screen and (min-width:769px) {
+		.uni-swiper-height {
+			height: 248px !important;
+		}
+	}
+
+	@media screen and (max-width:769px) {
+		.uni-swiper-height {
+			height: 248px !important;
+		}
+	}
+
+	@media screen and (max-width: 600px) {
+		.uni-swiper-height {
+			height: 200px !important;
+		}
+	}
+
+	@media screen and (max-width: 480px) {
+		.uni-swiper-height {
+			height: 170px !important;
+		}
+	}
+
+	@media screen and (max-width: 415px) {
+		.uni-swiper-height {
+			height: 155px !important;
+		}
+	}
+
+	@media screen and (max-width: 412px) {
+		.uni-swiper-height {
+			height: 150px !important;
+		}
+	}
+
+	@media screen and (max-width: 390px) {
+		.uni-swiper-height {
+			height: 130px !important;
+		}
+	}
+
+	@media screen and (max-width: 280px) {
+		.uni-swiper-height {
+			height: 100px !important;
+		}
+	}
+
 	.content {
 		padding: 0 5px;
 		font-size: 12px;
 	}
 
 	.swiper {
-		height: 130px;
+		display: block;
+		height: 150px;
+		padding: 10px 5px 0px 5px;
 	}
 
 	.swiper-item {}

src/pages/tv/info.vue

@@ -77,9 +77,9 @@
 
 	.page-content image {
 		width: 90%;
-		margin: 10px 5%;
-	}
-
+		margin: 10px 5% 50px;
+	}
+	
 	.page-tabbar {
 		display: flex;
 		position: fixed;

src/pages/tv/list.vue

 <template>
 	<view>
 		<view class="top-nav">
-			<button class="top-nav-btn" :class="{'top-nav-btn-on':sub_module_id == item.value}" v-for="(item,i) in nav"
-				:data-v="item.value" @click="navChange" :key="i">{{item.text}}</button>
+			<view class="top-nav-btn" :class="{'top-nav-btn-on':sub_module_id == item.value}" v-for="(item,i) in nav"
+				:data-v="item.value" @click="navChange" :key="i">{{item.text}}</view>
 		</view>
 		<view class="content">
 			<view class='left'>
@@ -114,8 +114,16 @@
 <style lang="scss" scoped>
 	.top-nav {
 		display: flex;
-		padding: 10px;
-		flex-wrap: wrap;
+		padding: 5px 0px 10px 0px;
+		flex-wrap: wrap;
+		justify-content: space-around;
+		width: 100%;
+
+		position: fixed;
+		top: 44px;
+		z-index: 999;
+		background: #ffffff;
+		max-width: $sys-max-width;
 	}
 
 	.top-nav-btn {
@@ -127,6 +135,8 @@
 		background-color: rgb(241, 241, 241);
 		font-size: 14px;
 		font-weight: normal;
+		border-radius: 5px;
+		text-align: center;
 	}
 
 	.top-nav-btn-on {
@@ -139,7 +149,7 @@
 		flex-direction: row;
 		flex-wrap: wrap;
 		justify-content: space-around;
-		padding: 20px 8px 30px 8px;
+		padding: 110px 8px 30px 8px;
 	}
 
 	.left,
@@ -162,8 +172,8 @@
 	.content .tip {
 		position: absolute;
 		bottom: 0;
-		background: #f6fbfe;
-		opacity: 0.8;
+		background: #ffffff;
+		opacity: 0.9;
 
 		width: 100%;
 		line-height: 50px;
@@ -175,5 +185,6 @@
 		overflow: hidden;
 
 		font-size: 16px;
+
 	}
 </style>