feat:修复样式
This commit is contained in:
+2
-1
@@ -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
@@ -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,8 +474,14 @@ 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>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user