首页排版修改

pagesHome/index.vue

@@ -33,64 +33,28 @@
 		</div>
 		<div class="boxs">
 			<div class="box" @tap="tuTurn('/pagesHome/video/index')">
-				<div class="left">
-					<image :src="imgBase+'home/home_icon_spjk.png'"></image>
-					<text>视频监控</text>
-				</div>
-				<div class="right">
-					<!-- <div class="num">{{18}}</div>
-					<div class="wz">设备</div> -->
-				</div>
+				<image :src="imgBase+'home/home_icon_spjk.png'"></image>
+				<text>视频监控</text>
 			</div>
 			<div class="box" @tap="tuTurn('/pagesHome/airConditioner/index')">
-				<div class="left">
-					<image :src="imgBase+'home/home_icon_zhkt.png'"></image>
-					<text>智慧空调</text>
-				</div>
-				<div class="right">
-					<!-- <div class="num">{{18}}</div>
-					<div class="wz">设备</div> -->
-				</div>
+				<image :src="imgBase+'home/home_icon_zhkt.png'"></image>
+				<text>智慧空调</text>
 			</div>
 			<div class="box" @tap="tuTurn('/pagesHome/entranceGuard/index')">
-				<div class="left">
-					<image :src="imgBase+'home/home_icon_mjgl.png'"></image>
-					<text>门禁管理</text>
-				</div>
-				<div class="right">
-					<!-- <div class="num">{{18}}</div>
-					<div class="wz">设备</div> -->
-				</div>
+				<image :src="imgBase+'home/home_icon_mjgl.png'"></image>
+				<text>门禁管理</text>
 			</div>
 			<div class="box" @tap="tuTurn('/pagesHome/energyMeter/index')">
-				<div class="left">
-					<image :src="imgBase+'home/home_icon_db.png'"></image>
-					<text>电表</text>
-				</div>
-				<div class="right">
-					<!-- <div class="num">{{18}}</div>
-					<div class="wz">设备</div> -->
-				</div>
+				<image :src="imgBase+'home/home_icon_db.png'"></image>
+				<text>电表</text>
 			</div>
 			<div class="box" @tap="tuTurn('/pagesHome/energyConsumption/index')">
-				<div class="left">
-					<image :src="imgBase+'home/home_icon_nhfx.png'"></image>
-					<text>能耗分析</text>
-				</div>
-				<div class="right">
-					<!-- <div class="num">{{18}}</div>
-					<div class="wz">设备</div> -->
-				</div>
+				<image :src="imgBase+'home/home_icon_nhfx.png'"></image>
+				<text>能耗分析</text>
 			</div>
 			<div class="box" @tap="tuTurn('/pagesHome/employee/index')">
-				<div class="left">
-					<image :src="imgBase+'home/home_icon_yggl.png'"></image>
-					<text>员工管理</text>
-				</div>
-				<div class="right">
-					<!-- <div class="num">{{18}}</div>
-					<div class="wz">设备</div> -->
-				</div>
+				<image :src="imgBase+'home/home_icon_yggl.png'"></image>
+				<text>员工管理</text>
 			</div>
 		</div>
 		<Tabbar :tabbarIndex="0"></Tabbar>
@@ -262,60 +226,31 @@
 		
 		.boxs{
 			width: calc(100% - 48rpx);
-			margin: 20rpx 24rpx 0;
+			margin: 38rpx 24rpx 0;
 			display: flex;
 			justify-content: space-between;
 			flex-wrap: wrap;
 			position: relative;
 			.box{
 				width: calc(50% - 11rpx);
-				padding: 36rpx 25rpx 40rpx 22rpx;
+				padding: 40rpx 22rpx;
 				box-sizing: border-box;
 				background: #FFFFFF;
 				border-radius: 8rpx;
 				display: flex;
-				justify-content: space-between;
-				align-items: flex-end;
+				align-items: center;
 				margin-top: 20rpx;
-				.left{
-					display: flex;
-					flex-direction: column;
-					image{
-						width: 90rpx;
-						height: 88rpx;
-					}
-					text{
-						font-family: PingFang-SC, PingFang-SC;
-						font-weight: bold;
-						font-size: 28rpx;
-						color: #333333;
-						line-height: 28rpx;
-						text-align: left;
-						margin-top: 24rpx;
-						padding-left: 2rpx;
-					}
+				image{
+					width: 90rpx;
+					height: 88rpx;
 				}
-				.right{
-					display: flex;
-					flex-direction: column;
-					align-items: center;
-					.num{
-						font-family: PingFangSC, PingFang SC;
-						font-weight: 400;
-						font-size: 32rpx;
-						color: #333333;
-						line-height: 32rpx;
-						text-align: center;
-					}
-					.wz{
-						font-family: PingFangSC, PingFang SC;
-						font-weight: 400;
-						font-size: 24rpx;
-						color: #999999;
-						line-height: 24rpx;
-						text-align: center;
-						margin-top: 24rpx;
-					}
+				text{
+					font-family: PingFang-SC, PingFang-SC;
+					font-weight: bold;
+					font-size: 30rpx;
+					color: #333333;
+					line-height: 30rpx;
+					padding-left: 24rpx;
 				}
 			}
 		}