2

pages/recharge-record/list.vue

@@ -14,7 +14,7 @@
         <view :class="['tab-item', { 'tab-active': activeTab === 'transaction' }]" @click="activeTab = 'transaction'">
           <cwg-icon class="icons" name="list" :size="18" :color="activeTab === 'transaction' ? '#ea002a' : '#9ca3af'" />
           <view :class="['tab-text', { 'tab-text-active': activeTab === 'transaction' }]">{{ t('Shop.Index.Transaction')
-          }}</view>
+            }}</view>
           <view v-if="activeTab === 'transaction'" class="tab-indicator" />
         </view>
 
@@ -26,27 +26,30 @@
           <view v-if="activeTab === 'deduction'" class="tab-indicator" />
         </view>
       </view>
-      <view class="filters-container" :style="{ top: statusBarHeight + 113 + 'px' }">
-        <view class="filter-item">
-          <text class="filter-label">{{ t('card.Form.f52') }}</text>
-          <cwg-filter-select v-model="currentTypeIndex" :options="currentTypeOptions" />
-        </view>
+      <view class="filters-scroll">
+        <view class="filters-container" :style="{ top: statusBarHeight + 113 + 'px' }">
+          <view class="filter-item">
+            <text class="filter-label">{{ t('card.Form.f52') }}</text>
+            <cwg-filter-select v-model="currentTypeIndex" :options="currentTypeOptions" />
+          </view>
 
-        <view class="filter-item" v-if="activeTab !== 'deduction'">
-          <text class="filter-label">{{ t('card.Form.f45') }}</text>
-          <cwg-filter-select v-model="statusFilterIndex" :options="statusOptions" />
-        </view>
+          <view class="filter-item" v-if="activeTab !== 'deduction'">
+            <text class="filter-label">{{ t('card.Form.f45') }}</text>
+            <cwg-filter-select v-model="statusFilterIndex" :options="statusOptions" />
+          </view>
 
-        <view class="filter-item">
-          <text class="filter-label">{{ t('card.Form.f51') }}</text>
-          <cwg-filter-picker v-model="dateFilter"
-            :returnType="activeTab == 'deduction' ? 'timestamp' : 'string'"></cwg-filter-picker>
-        </view>
+          <view class="filter-item">
+            <text class="filter-label">{{ t('card.Form.f51') }}</text>
+            <cwg-filter-picker v-model="dateFilter"
+              :returnType="activeTab == 'deduction' ? 'timestamp' : 'string'"></cwg-filter-picker>
+          </view>
 
-        <view class="reset-btn" @click="resetFilters">
-          <uni-icons type="loop" size="16" color="#ea002a" />
+          <view class="reset-btn" @click="resetFilters">
+            <uni-icons type="loop" size="16" color="#ea002a" />
+          </view>
         </view>
       </view>
+
       <!-- Content -->
       <view class="content">
         <!-- Recharge Records -->
@@ -277,6 +280,7 @@ watch(activeTab, () => {
   top: 0;
   z-index: 10;
   // overflow-x: auto;
+  // overflow-y: visible;
   -webkit-overflow-scrolling: touch;
 }