修改页面样式

pages.json

@@ -14,7 +14,8 @@
 	"pages": [{
 			"path": "pages/shop/index",
 			"style": {
-				"onReachBottomDistance": 80  //开启触底加载
+				"onReachBottomDistance": 80,  //开启触底加载
+				"navigationStyle":"custom"
 			}
 		}, {
 			"path": "pages/shop/search",

pages/shop/index.vue

 <template>
 	<view class="top">
-		<u-row gutter="16">
+    <u-row gutter="16">
       <u-col>
       <u-swiper
           :list="topicList"
           circular
           indicator
-          height="380"
+          height="500"
           indicatorMode="line"
           @click="navigateToPage"
       ></u-swiper>
+        <div class="center-text">
+          <span style="color: #ffffff;font-size: 18px;padding-left: 55rpx">鸿泽云智能推广系统</span>
+          <u-line color="#ffffff"></u-line>
+          <span style="font-size: 10px;color: white">Hongze Cloud Intelligent Promotion System</span>
+        </div>
       </u-col>
-		</u-row>
+    </u-row>
 		<view style="padding-bottom: 30rpx;">
 			<view class="gl-title">
 				<view style="height: 35px;display: flex;align-items: center;">
@@ -19,8 +24,8 @@
 				<span>推荐</span>
 				</view>
         <view style="width:55%; margin-top: 25rpx; display: flex;justify-content: space-between;">
-          <button style="width: 170rpx;height: 80rpx;font-size: 15px" @click="onButtonClicked(0)" :class="{ active: curNow === 0 }">文章</button>
-          <button style="width: 170rpx;height: 80rpx;font-size: 15px" @click="onButtonClicked(1)" :class="{ active: curNow === 1 }">视频</button>
+          <button style="width: 45%;height: 10%;font-size: 15px" @click="onButtonClicked(0)" :class="{ active: curNow === 0 }">文章</button>
+          <button style="width: 45%;height: 10%;font-size: 15px" @click="onButtonClicked(1)" :class="{ active: curNow === 1 }">视频</button>
         </view>
 			</view>
 			<view v-if="curNow === 0 && hotList.length > 0">
@@ -29,7 +34,7 @@
           <view class="cardtitle"  @click="toDetail(item.businessId)">
             <view class="cardtitle1">{{item.title}}</view>
             <view class="cardtitle2">{{item.details.replace(/<[^>]*>/g, '')}}</view>
-            <view style="color: rgb(191, 191, 191)">推广量：{{item.readNum || '-'}}</view>
+            <view style="color: rgb(191, 191, 191)">推广量：{{formatReadNum(item)}}</view>
           </view>
 				</view>
 				<u-loadmore :status="articleStatus" />
@@ -42,7 +47,7 @@
           <image :src="item.defaultUrl" class="cardimage" @click="toDetail(item.businessId)"></image>
           <view class="cardtitle"  @click="toDetail(item.businessId)">
             <view class="cardtitle1">{{item.videoTitle}}</view>
-            <view style="color: rgb(191, 191, 191);padding-top: 80rpx">推广量：{{item.readNum || '-'}}</view>
+            <view style="color: rgb(191, 191, 191);padding-top: 80rpx">推广量：{{formatReadNum(item)}}</view>
           </view>
         </view>
         <u-loadmore :status="videoStatus" />
@@ -73,9 +78,6 @@ import USwiper from "../../uview-ui/components/u-swiper/u-swiper.vue";
 				hotList: [],
         topicItemList: [],
 				topicList: [
-            // 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
-            // 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
-            // 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
         ],
 				curNow: 0,
 				infoShow: 0,
@@ -368,4 +370,11 @@ import USwiper from "../../uview-ui/components/u-swiper/u-swiper.vue";
 	/deep/.u-item-bg{
 		width: 50% !important;
 	}
+  .center-text {
+    position: absolute;
+    margin-top: -35%;
+    margin-left: 20%;
+    z-index: 10;
+    font-weight: bold; /* 可选：使文字加粗 */
+  }
 </style>