|
|
@@ -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;
|
|
|
}
|
|
|
|
