调整服务列表

pages/ucenter/ucenter.vue

@@ -53,8 +53,13 @@
 				<text class="info-value">{{loginUserInfo.email}}</text>
 			</view>
 		</view>
-		<uni-grid class="grid" :column="4" :showBorder="false" :square="true">
-			<uni-grid-item class="item" v-for="(item,index) in gridList" @click.native="tapGrid(index)" :key="index">
+		<view class="ucenter-stats">
+			<view
+				class="ucenter-stats-cell"
+				v-for="(item,index) in gridList"
+				:key="index"
+				@click="tapGrid(index)"
+			>
 				<uni-icons class="icon" color="#007AFF" :type="item.icon" size="26"></uni-icons>
 				<view v-if="index === 0" class="device-text-wrapper">
 					<text class="device-label">设备总数</text>
@@ -69,8 +74,8 @@
 					<text class="device-count">{{totalProjects}}</text>
 				</view>
 				<text v-else class="text">{{item.text}}</text>
-			</uni-grid-item>
-		</uni-grid>
+			</view>
+		</view>
 		<uni-list class="center-list" v-for="(sublist , index) in ucenterList" :key="index">
 			<uni-list-item v-for="(item,i) in sublist" :title="item.title" link :rightText="item.rightText" :key="i"
 				:clickable="true" :to="item.to" @click="ucenterListClick(item)" :show-extra-icon="true"
@@ -971,21 +976,35 @@
 		word-break: break-all;
 	}
 
-	.grid {
+	.ucenter-stats {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: nowrap;
+		width: 100%;
 		background-color: #FFFFFF;
 		margin-bottom: 6px;
+		padding: 24rpx 16rpx;
+		box-sizing: border-box;
 	}
 
-	.uni-grid .text {
+	.ucenter-stats-cell {
+		flex: 1;
+		min-width: 0;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: flex-start;
+		padding: 8rpx 4rpx;
+		box-sizing: border-box;
+	}
+
+	.ucenter-stats .text {
 		font-size: 16px;
 		height: 25px;
 		line-height: 25px;
 		color: #817f82;
-	}
-
-	.uni-grid .item ::v-deep .uni-grid-item__box {
-		justify-content: center;
-		align-items: center;
+		margin-top: 8rpx;
+		text-align: center;
 	}
 
 	.device-text-wrapper {