首页菜单样式

pages/index/index.vue

@@ -38,8 +38,8 @@
          <!-- #ifndef MP-TOUTIAO -->
         <view class="col-8"></view>
           <!-- #endif -->
-        <view class="acea-row nav-list">
-          <view class="item" :key="index" v-for="(item, index) in navList" @click="getNavHrefTaber(item, 1)">
+        <view class="acea-row nav-list flex">
+          <view class="item flex" :key="index" v-for="(item, index) in navList" @click="getNavHrefTaber(item, 1)">
             <view class="pictrue">
               <image :src="item.icon" mode="aspectFit"/>
             </view>
@@ -1255,19 +1255,22 @@ swiper {
 	margin: 0 auto;
 	background: #fff;
 	border-radius: 10rpx;
-	padding: 15rpx 16rpx 0;
+	padding: 15rpx 0 0;
+	justify-content: space-evenly;
 }
 .indexNew .nav .item {
-  min-width: 0;
+  width: 23%;
   font-size: 24rpx;
   line-height: 30rpx;
-  text-align: center;
   color: #666666;
   word-break: break-all;
-	margin-right: 52rpx;
 	margin-bottom: 32rpx;
-	&:nth-child(4n) {
-		margin-right: 0;
+	flex-direction: column;
+	align-items: center;
+	>text {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 	}
 }