更新

smart-ui-app/pages/index/index2.vue

@@ -20,6 +20,7 @@
 			<image :src="ip + aboutUs.bgImg1" mode="scaleToFill"></image>
 		</view>
 		<view class="page">
+			<!--菜单-->
 			<view class="flex menu">
 				<view class="f" @click="navigate('/pages/travel/detail?id=43')">
 					<image src="../../static/icon1.png" mode="widthFix" class="icon1"></image>
@@ -38,13 +39,12 @@
 					<view class="title">党政服务</view>
 				</view>
 			</view>
+			<!--图片-->
 			<view class="flex mt15">
-				<view class="f" style="padding-right:8px;">
-					<image @click="detail(3)" :src="ip + aboutUs.bgImg3" style="height: 77px;width: 100%;border-radius: 10px;" mode="widthFix"></image>
-				</view>
-				<view class="f"><image @click="detail(4)" :src="ip + aboutUs.bgImg4" style="height: 77px;width: 100%;border-radius: 10px;" mode="widthFix"></image></view>
+				<view class="f" style="padding-right:8px;"><image @click="detail(2)" :src="ip + aboutUs.bgImg3" mode="widthFix" class="tp"></image></view>
+				<view class="f"><image @click="detail(3)" :src="ip + aboutUs.bgImg4" mode="widthFix" class="tp"></image></view>
 			</view>
-			<view style="margin-top: 10px;"><image @click="detail(2)" :src="ip + aboutUs.bgImg2" style="border-radius: 5px;width: 100%;" mode="widthFix"></image></view>
+			<view style="margin-top: 10px;"><image @click="detail(4)" :src="ip + aboutUs.bgImg2" mode="widthFix" class="tp"></image></view>
 			<!--热门景区-->
 			<view class="item">
 				<view class="lable">
@@ -114,11 +114,9 @@ export default {
 	},
 	onLoad(e) {
 		this.getData();
-		this.getWeather();
-		//uni.setStorageSync("user",{"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"memberId":27,"name":"wx_1011223213","mobile":"","email":null,"registerTime":"2021-11-23 21:39:27","lastLoginTime":"2021-11-23 21:53:20","lastLoginIp":"127.0.0.1","loginNum":2,"unionid":null,"openid":"ok3qt5FMehpGy6aOtqPd9pnPLC_Q","nickName":"西域男孩","avatarUrl":"https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLeSLQBtiavUU0ByFbXtND7iaricbNU81HSdaV9bQLTfciaMV604u5TNIdjLiaarL7MIZQXIrWFZfNiaZIQ/132","gender":"0","province":"","city":"","country":"","language":"zh_CN","lastLat":null,"lastLng":null,"isShop":0,"apiToken":"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzUxMiJ9.eyJzdWIiOiIyNyIsImlhdCI6MTYzNzY3NTYwMCwiZXhwIjoxNjM4MjgwNDAwfQ.vRPuNnLrUH1T8_qOL6Ti4TT2Akw29Set18kiavbjJynol52cxHXqeRoStyF4afdcsiipELdVW9G8-zh52voOFg"})
+		//this.getWeather();
 		uni.getSystemInfo({
 			success: res => {
-				console.log("assd:" + JSON.stringify(res.safeArea));
 				this.top = parseInt(res.safeArea.top) + 5;
 			},
 			fail(err) {
@@ -224,12 +222,6 @@ page {
 		float: left;
 	}
 }
-.page {
-	padding: 10px;
-	overflow-x: hidden;
-	margin-top: -50px;
-	position: relative;
-}
 .top {
 	overflow: hidden;
 	position: relative;
@@ -277,80 +269,93 @@ page {
 	image {
 		width: 100%;
 		height: 200px;
+		background-color: white;
 	}
 }
-.item {
-	margin-top: 15px;
-	.lable {
-		margin-bottom: 13px;
-		.title {
-			float: left;
-			font-size: 20px;
-			font-weight: bold;
-			color: #333;
-		}
-		image {
-			float: left;
-			width: 25%;
-			margin-top: -3px;
-		}
-		.look {
-			color: #999999;
-			float: right;
-			font-size: 15px;
-		}
-	}
-	.rows {
-		margin-left: -5px;
-		margin-right: -5px;
-		.row {
-			float: left;
-			width: 33.333%;
-			overflow: hidden;
-			height: 150px;
-			.out {
-				padding: 0px 3px 0px 3px;
-				.int {
-					position: relative;
-					image {
-						border-radius: 10px;
-						height: 150px;
-						width: 100%;
-						background-color: white;
-					}
-					.title {
-						position: absolute;
-						bottom: 13px;
-						left: 10px;
-						width: 85%;
-						color: white;
-						font-size: 15px;
-						font-weight: 400;
-					}
-				}
-			}
-		}
-	}
-	.card {
+.page {
+	padding: 10px;
+	overflow-x: hidden;
+	margin-top: -50px;
+	position: relative;
+	.tp {
+		height: 88px;
+		width: 100%;
 		background-color: white;
-		overflow: hidden;
 		border-radius: 10px;
-		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.03);
-		image {
-			width: 100%;
-			height: 150px;
-		}
-		.cons {
-			padding: 12px;
+	}
+	.item {
+		margin-top: 15px;
+		.lable {
+			margin-bottom: 13px;
 			.title {
-				color: #333333;
+				float: left;
+				font-size: 20px;
 				font-weight: bold;
-				font-size: 17px;
+				color: #333;
 			}
-			.desc {
-				font-size: 14px;
+			image {
+				float: left;
+				width: 25%;
+				margin-top: -3px;
+			}
+			.look {
 				color: #999999;
-				margin-top: 8px;
+				float: right;
+				font-size: 15px;
+			}
+		}
+		.rows {
+			margin-left: -5px;
+			margin-right: -5px;
+			.row {
+				float: left;
+				width: 33.333%;
+				overflow: hidden;
+				height: 150px;
+				.out {
+					padding: 0px 3px 0px 3px;
+					.int {
+						position: relative;
+						image {
+							border-radius: 10px;
+							height: 150px;
+							width: 100%;
+							background-color: white;
+						}
+						.title {
+							position: absolute;
+							bottom: 13px;
+							left: 10px;
+							width: 85%;
+							color: white;
+							font-size: 15px;
+							font-weight: 400;
+						}
+					}
+				}
+			}
+		}
+		.card {
+			background-color: white;
+			overflow: hidden;
+			border-radius: 10px;
+			box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.03);
+			image {
+				width: 100%;
+				height: 150px;
+			}
+			.cons {
+				padding: 12px;
+				.title {
+					color: #333333;
+					font-weight: bold;
+					font-size: 17px;
+				}
+				.desc {
+					font-size: 14px;
+					color: #999999;
+					margin-top: 8px;
+				}
 			}
 		}
 	}