feat:优化
This commit is contained in:
+24
-27
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user