页面调整

src/pages-C/home/ranking.vue

@@ -94,6 +94,9 @@ function selectValue(selected) {
 
 <template>
   <view class="page-container">
+    <u-navbar title="数据排行" :autoBack="true" :placeholder="true" :border-bottom="false"
+      :title-style="{ fontWeight: 'bold', color: scrollTop > 1 ? '#000' : '#fff' }"
+      :bgColor="scrollTop > 1 ? '#fff' : 'transparent'" :leftIconColor="scrollTop > 1 ? '#000' : '#fff'"></u-navbar>
     <!-- 顶部蓝色渐变背景 -->
     <view class="page-header-bg">
       <u--image class='selected-icon' :src="getImageUrl('@img/me/rank-bg.png')" mode="aspectFit" width="100%"
@@ -108,59 +111,56 @@ function selectValue(selected) {
           <view class="line"></view>
         </view>
       </view>
-    </view>
-
-    <u-navbar title="数据排行" :autoBack="true" :placeholder="true" :border-bottom="false"
-      :title-style="{ fontWeight: 'bold', color: scrollTop > 1 ? '#000' : '#fff' }"
-      :bgColor="scrollTop > 1 ? '#fff' : 'transparent'" :leftIconColor="scrollTop > 1 ? '#000' : '#fff'"></u-navbar>
 
-    <!-- 页面主内容 -->
-    <view class="main-content">
-      <FilterSelect ref='filterRef' className='filter-select'
-        :filter="{ date: '1', dataFilter: null, type: null, rank: 'receivedNum' }" @selectValue='selectValue'>
-      </FilterSelect>
+      <!-- 页面主内容 -->
+      <view class="main-content">
+        <FilterSelect ref='filterRef' className='filter-select'
+          :filter="{ date: '1', dataFilter: null, type: null, rank: 'receivedNum' }" @selectValue='selectValue'>
+        </FilterSelect>
 
-      <view class="ranking-container-cont">
-        <view class="ranking-container">
-          <view class="ranking-header">
-            <text class="ranking-subtitle ">排名</text>
-            <text class="ranking-subtitle">优惠券名称</text>
-            <text class="ranking-subtitle">分类</text>
-            <text class="ranking-subtitle">浏览</text>
-            <text class="ranking-subtitle">已领取</text>
-            <text class="ranking-subtitle">已核销</text>
-            <text class="ranking-subtitle">核销转换率</text>
-          </view>
-          <u--image class='selected-hidden' :src="getImageUrl('@img/me/hidden.png')" mode="aspectFit" width="40rpx"
-            height="44rpx">
-          </u--image>
-          <view class="ranking-list">
-            <LsvList ref="listRef" :api="getCouponListApi" :noPage="true">
-              <template #list="{ data }">
-                <view class="ranking-item" v-for="(item, index) in data" :key="index">
-                  <u--image v-if="item.serialNumber == 1" class='selected-icon' :src="getImageUrl('@img/me/rank1.png')"
-                    mode="aspectFit" width="48rpx" height="48rpx">
-                  </u--image>
-                  <u--image v-else-if="item.serialNumber == 2" class='selected-icon'
-                    :src="getImageUrl('@img/me/rank2.png')" mode="aspectFit" width="48rpx" height="48rpx">
-                  </u--image>
-                  <u--image v-else-if="item.serialNumber == 3" class='selected-icon'
-                    :src="getImageUrl('@img/me/rank3.png')" mode="aspectFit" width="48rpx" height="48rpx">
-                  </u--image>
-                  <text v-else class="ranking-value rank-num">{{ item.serialNumber }}</text>
-                  <text class="ranking-value">{{ item.templateName }}</text>
-                  <text class="ranking-value">{{ item.classification }}</text>
-                  <text class="ranking-value">{{ item.browseNum }}</text>
-                  <text class="ranking-value">{{ item.receivedNum }}</text>
-                  <text class="ranking-value">{{ item.writeOffAmount }}</text>
-                  <text class="ranking-value">{{ item.writeOffRate }}%</text>
-                </view>
-              </template>
-            </LsvList>
+        <view class="ranking-container-cont">
+          <view class="ranking-container">
+            <view class="ranking-header">
+              <text class="ranking-subtitle ">排名</text>
+              <text class="ranking-subtitle">优惠券名称</text>
+              <text class="ranking-subtitle">分类</text>
+              <text class="ranking-subtitle">浏览</text>
+              <text class="ranking-subtitle">已领取</text>
+              <text class="ranking-subtitle">已核销</text>
+              <text class="ranking-subtitle">核销转换率</text>
+            </view>
+            <u--image class='selected-hidden' :src="getImageUrl('@img/me/hidden.png')" mode="aspectFit" width="40rpx"
+              height="44rpx">
+            </u--image>
+            <view class="ranking-list">
+              <LsvList ref="listRef" :api="getCouponListApi" :noPage="true">
+                <template #list="{ data }">
+                  <view class="ranking-item" v-for="(item, index) in data" :key="index">
+                    <u--image v-if="item.serialNumber == 1" class='selected-icon'
+                      :src="getImageUrl('@img/me/rank1.png')" mode="aspectFit" width="48rpx" height="48rpx">
+                    </u--image>
+                    <u--image v-else-if="item.serialNumber == 2" class='selected-icon'
+                      :src="getImageUrl('@img/me/rank2.png')" mode="aspectFit" width="48rpx" height="48rpx">
+                    </u--image>
+                    <u--image v-else-if="item.serialNumber == 3" class='selected-icon'
+                      :src="getImageUrl('@img/me/rank3.png')" mode="aspectFit" width="48rpx" height="48rpx">
+                    </u--image>
+                    <text v-else class="ranking-value rank-num">{{ item.serialNumber }}</text>
+                    <text class="ranking-value">{{ item.templateName }}</text>
+                    <text class="ranking-value">{{ item.classification }}</text>
+                    <text class="ranking-value">{{ item.browseNum }}</text>
+                    <text class="ranking-value">{{ item.receivedNum }}</text>
+                    <text class="ranking-value">{{ item.writeOffAmount }}</text>
+                    <text class="ranking-value">{{ item.writeOffRate }}%</text>
+                  </view>
+                </template>
+              </LsvList>
+            </view>
           </view>
         </view>
       </view>
     </view>
+
   </view>
 
 </template>
@@ -203,10 +203,7 @@ function selectValue(selected) {
   }
 
   .main-content {
-    position: relative;
-    z-index: 2;
     box-sizing: border-box;
-    top: calc(460rpx - 44px);
   }
   .ranking-container-cont {
     position: relative;

src/pages/my/my.vue

@@ -177,7 +177,7 @@ function listInfo(item) {
         }">
     </view>
 
-    <u-navbar title="我的" :placeholder="true" :border-bottom="false"
+    <u-navbar title="" :placeholder="true" :border-bottom="false"
       :title-style="{ fontWeight: 'bold', color: scrollTop > 1 ? '#000' : '#fff' }"
       :bgColor="scrollTop > 1 ? '#fff' : 'transparent'" leftIcon=""></u-navbar>
 
@@ -285,7 +285,6 @@ function listInfo(item) {
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-top: 18rpx;
   }
 
   .head-box {