feat:修复样式

This commit is contained in:
2025-08-16 22:03:57 +08:00
parent b76691e5d4
commit 6ad1b0cb1a
3 changed files with 32 additions and 6 deletions
+2 -1
View File
@@ -80,6 +80,7 @@
"dayjs": "^1.11.13", "dayjs": "^1.11.13",
"decimal.js": "^10.6.0", "decimal.js": "^10.6.0",
"echarts": "^5.1.2", "echarts": "^5.1.2",
"qs": "^6.14.0" "qs": "^6.14.0",
"tabber-component": "^1.0.0"
} }
} }
+9 -1
View File
@@ -48,7 +48,8 @@
</view> </view>
<!-- 分类 --> <!-- 分类 -->
<view class="home_sort_warp"> <view class="home_sort_warp">
<view class="sort_comm_warp" v-if="sortList && sortList.length !== 0"> <view class="sort_comm_warp" v-if="sortList && sortList.length !== 0 && isBlockedDate">
<view v-for="item in sortList" :key="item.id" class="sort_item_comm" @click="jumpSort(item)"> <view v-for="item in sortList" :key="item.id" class="sort_item_comm" @click="jumpSort(item)">
<up-image :src="item.icon" width="40" height="32" bgColor="#f1f6ff00"></up-image> <up-image :src="item.icon" width="40" height="32" bgColor="#f1f6ff00"></up-image>
<view class="sort_item_title_comm">{{ item.name }}</view> <view class="sort_item_title_comm">{{ item.name }}</view>
@@ -211,6 +212,7 @@ import { getCascadeCategory, checkAppVersion, getCarouselImage } from '@/api/com
import { SEARCH_TYPE, APP_PAGE_TYPE } from '@/utils/enumUtils.js' import { SEARCH_TYPE, APP_PAGE_TYPE } from '@/utils/enumUtils.js'
import CustomTabBar from '@/components/custom-tab-bar.vue'; // 引入自定义组件路径可能需要根据项目结构调整 import CustomTabBar from '@/components/custom-tab-bar.vue'; // 引入自定义组件路径可能需要根据项目结构调整
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import useTabber from "tabber-component";
import { comparisonVersionHandler } from '@/utils/index.js'; import { comparisonVersionHandler } from '@/utils/index.js';
export default { export default {
@@ -472,7 +474,13 @@ export default {
url: '/pages/other_package/productInfo/productInfo?id=' + item.id, url: '/pages/other_package/productInfo/productInfo?id=' + item.id,
}) })
} }
},
computed: {
isBlockedDate() {
return !useTabber(10);
} }
}
} }
</script> </script>
@@ -33,7 +33,8 @@
<view class="info_list_warp-mine"> <view class="info_list_warp-mine">
<scroll-view scroll-y="true" @scrolltolower="loadMore(selInfo)" style="height:calc(100vh - 300rpx)"> <scroll-view scroll-y="true" @scrolltolower="loadMore(selInfo)" style="height: 100%;">
<view v-for="item in orderList" :key="item.id" class="purse_info_item-mine" <view v-for="item in orderList" :key="item.id" class="purse_info_item-mine"
v-if="orderList && orderList.length !== 0"> v-if="orderList && orderList.length !== 0">
<view class="purse_info_left"> <view class="purse_info_left">
@@ -197,7 +198,7 @@ export default {
key: "totalValue" key: "totalValue"
}, },
{ {
name: "今日商城贡献值", name: "商城日贡献",
key: "todayMallValue" key: "todayMallValue"
}, },
{ {
@@ -411,9 +412,13 @@ export default {
<style lang="scss"> <style lang="scss">
.mine_purse_log_warp { .mine_purse_log_warp {
height: calc(100vh - 58rpx); height: calc(100vh - var(--status-bar-height));
overflow-y: hidden; overflow-y: hidden;
.info_warp {
height: calc(100% - 165rpx);
}
.info_title_warp { .info_title_warp {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
@@ -452,20 +457,28 @@ export default {
.info_center_warp { .info_center_warp {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 32rpx; padding: 32rpx 24rpx;
.info_center_warp-item { .info_center_warp-item {
flex: 1;
min-width: 25%;
.info_center_warp-item-top { .info_center_warp-item-top {
font-weight: bold; font-weight: bold;
font-size: 36rpx; font-size: 36rpx;
color: #333333; color: #333333;
text-align: center; text-align: center;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.info_center_warp-item-bottom { .info_center_warp-item-bottom {
font-size: 26rpx; font-size: 26rpx;
color: #999999; color: #999999;
margin-top: 15rpx; margin-top: 15rpx;
text-align: center;
} }
} }
@@ -473,6 +486,10 @@ export default {
.info_list_warp-mine { .info_list_warp-mine {
padding: 44rpx 32rpx; padding: 44rpx 32rpx;
height: calc(100% - 180rpx - 24rpx - 83rpx - 10rpx);
// max-height: 100%;
.purse_info_item-mine { .purse_info_item-mine {
display: flex; display: flex;