hookehuyr

feat(PointsDetail): 添加返回顶部组件并优化标签栏样式

为提升用户体验,在积分详情页添加返回顶部组件,同时优化标签栏背景色为白色以提高可读性。注释掉未使用的nut-sticky组件。
......@@ -56,7 +56,8 @@
</view>
</view>
<!-- Tabs -->
<view class="border-b border-gray-200">
<!-- <nut-sticky top="0"> -->
<view class="border-b border-gray-200 bg-white">
<view class="flex space-x-8">
<view :class="['py-3 font-medium', activeTab === 'all' ? 'text-blue-500 border-b-2 border-blue-500' : 'text-gray-500']" @click="activeTab = 'all'">
全部
......@@ -69,6 +70,7 @@
</view>
</view>
</view>
<!-- </nut-sticky> -->
<!-- Points history list -->
<view class="pt-4">
<view v-if="loading">
......@@ -97,6 +99,8 @@
</view>
</view>
<!-- <BottomNav /> -->
<!-- 返回顶部组件 -->
<BackToTop :distance="200" />
</view>
</template>
......@@ -105,6 +109,7 @@ import { ref, computed, onMounted, watch } from 'vue';
import Taro, { useDidShow } from '@tarojs/taro';
import AppHeader from '../../components/AppHeader.vue';
import BottomNav from '../../components/BottomNav.vue';
import BackToTop from '../../components/BackToTop.vue';
import { Right, My } from '@nutui/icons-vue-taro';
import { getPointListAPI } from '../../api/points';
......