feat:优化

This commit is contained in:
2026-07-23 18:22:22 +08:00
parent df7cdce7cb
commit 6042342641
7 changed files with 85 additions and 66 deletions
+24 -27
View File
@@ -261,23 +261,23 @@ export default {
newsShow: false, // 是否显示公告弹窗
seckillGoodsList: [], // 秒杀商品列表
superGoodsList: [], // 超级补贴商品列表
homeActivedList: [
{
id: 2,
title: "活动预告",
title_text: "限时秒杀",
title_icon: "https://static.tbmall.xin/static/new-home/home_10.png",
path: "limited-time",
rightText: "专属补贴 . 低价秒杀",
activedType: "seckill",
}, {
id: 1,
title: "超级补贴",
title_icon: "https://static.tbmall.xin/static/new-home/home_9.png",
path: "super-subsidy",
rightText: "官方补贴 .100%正品",
activedType: "super",
}
homeActivedList: [{
id: 1,
title: "超级补贴",
title_icon: "https://static.tbmall.xin/static/new-home/home_9.png",
path: "super-subsidy",
rightText: "官方补贴 .100%正品",
activedType: "super",
},
{
id: 2,
title: "活动预告",
title_text: "限时秒杀",
title_icon: "https://static.tbmall.xin/static/new-home/home_10.png",
path: "limited-time",
rightText: "专属补贴 . 低价秒杀",
activedType: "seckill",
}
], // 首页活动列表
activedTabId: "seckill", // 当前选中的活动类型
attributes: {},
@@ -341,13 +341,11 @@ export default {
const menuButtonLeft = menuButton.left;
const windowWidth = systemInfo.windowWidth;
// Calculate padding-right to avoid the capsule button (add extra margin of 10px)
const paddingRight = windowWidth - menuButtonLeft + 10;
// Dynamic styles for MP
// Calculate top offset below capsule button specifically for WeChat Mini Program
const headerTop = menuButtonTop + menuButtonHeight + 8;
this.mpHeaderStyle = {
paddingTop: `${menuButtonTop}px`,
paddingRight: `${paddingRight}px`,
paddingTop: `${headerTop}px`,
paddingRight: '15px',
paddingBottom: '10px',
paddingLeft: '15px',
height: `${menuButtonHeight}px`,
@@ -363,7 +361,7 @@ export default {
alignItems: 'center'
};
const warpPaddingTop = menuButtonTop + menuButtonHeight + 15;
const warpPaddingTop = headerTop + menuButtonHeight;
this.mpHeaderWarpStyle = {
paddingTop: `${warpPaddingTop}px`
};
@@ -767,9 +765,8 @@ export default {
background: linear-gradient(270deg, #af39c4 0%, #7732ff 100%);
padding: calc(var(--status-bar-height) + 20rpx) 30rpx 20rpx;
box-sizing: border-box;
/* 解决部分机型下 fixed 定位底部出现 1px 渲染缝隙(白线)的问题 */
border-bottom: 1px solid transparent;
border-image: linear-gradient(270deg, #af39c4 0%, #7732ff 100%) 1;
/* 消除 fixed 定位与下方重叠层之间的 1px GPU 子像素渲染缝隙(白线) */
box-shadow: 0 2rpx 0 #9336df;
}
.header_right_warp {