From 94607220700bf94083cfcc585893e291b9ba3f4c Mon Sep 17 00:00:00 2001
From: wangdong <1551135706@qq.com>
Date: Wed, 13 Mar 2024 14:14:25 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E8=8F=9C=E5=8D=95=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 88a8458..e49bf40 100644
--- a/pages/index/index.vue
+++ b/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;
 	}
 }