refactor(indexDecorate): 将静态资源迁移至OSS并优化轮播组件样式

- 将所有组件中的静态图片路径从本地 /static 迁移至 OSS 远程地址
- 更新 ChannelFloor、BrandWall 等组件的默认图片资源路径
- 更新 page-decoration/pc/config.js 中所有默认配置的图片路径
- 优化 Carousel 组件:fitMode 默认改为 contain,添加圆角与阴影样式
- Carousel 新增 banners 字段兼容映射,支持多种数据格式
- Carousel 指示器颜色改为深色,布局改为 flex 居中展示
This commit is contained in:
pikachu1995@126.com
2026-10-29 09:36:01 +08:00
parent bb8e9a0d3d
commit 68dfae9a62
123 changed files with 954 additions and 655 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 452 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 358 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 356 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 366 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 364 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 523 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 578 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 985 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 798 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 280 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 662 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 613 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 714 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 577 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 362 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 744 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 720 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 592 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

View File

@@ -46,10 +46,10 @@ const brandList = computed(() => {
return props.options.items;
}
return [
{ title: '数码潮玩 · 爆款立减500', img: '/static/brand-wall/brand_1.png', url: '/goodsList?category=1' },
{ title: '美妆奢宠 · 每满300减50', img: '/static/brand-wall/brand_2.png', url: '/goodsList?category=2' },
{ title: '运动潮品 · 爆款低至5折', img: '/static/brand-wall/brand_3.png', url: '/goodsList?category=3' },
{ title: '品质生活 · 限时第2件半价', img: '/static/brand-wall/brand_4.png', url: '/goodsList?category=4' }
{ title: '数码潮玩 · 爆款立减500', img: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/brand-wall/brand_1.png', url: '/goodsList?category=1' },
{ title: '美妆奢宠 · 每满300减50', img: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/brand-wall/brand_2.png', url: '/goodsList?category=2' },
{ title: '运动潮品 · 爆款低至5折', img: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/brand-wall/brand_3.png', url: '/goodsList?category=3' },
{ title: '品质生活 · 限时第2件半价', img: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/brand-wall/brand_4.png', url: '/goodsList?category=4' }
];
});

View File

@@ -47,11 +47,18 @@ const slidesList = computed(() => {
if (Array.isArray(props.options.list) && props.options.list.length > 0) {
return props.options.list;
}
if (Array.isArray(props.options.banners) && props.options.banners.length > 0) {
return props.options.banners.map(b => ({
title: b.title,
img: b.image || b.img || b.url,
url: b.url || b.link
}));
}
return [
{ title: '出游囤好货', img: '/static/carousel/banner_1.png', url: '/goodsList?seckill=1' },
{ title: '科技新品', img: '/static/carousel/banner_2.png', url: '/goodsList?category=1' },
{ title: '原产地直采', img: '/static/carousel/banner_3.png', url: '/goodsList?category=2' },
{ title: '大牌美妆', img: '/static/carousel/banner_4.png', url: '/goodsList?category=3' }
{ title: '出游囤好货', img: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/carousel/banner_1.png', url: '/goodsList?seckill=1' },
{ title: '科技新品', img: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/carousel/banner_2.png', url: '/goodsList?category=1' },
{ title: '原产地直采', img: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/carousel/banner_3.png', url: '/goodsList?category=2' },
{ title: '大牌美妆', img: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/carousel/banner_4.png', url: '/goodsList?category=3' }
];
});
@@ -65,12 +72,13 @@ function getAspectRatioCss(ratio) {
const customStyle = computed(() => {
const s = props.componentStyle || {};
const fit = props.options.fitMode || 'cover';
const fit = props.options.fitMode || 'contain';
const styleObj = {
borderRadius: Array.isArray(s.radius)
? `${s.radius[0]}px ${s.radius[1]}px ${s.radius[2]}px ${s.radius[3]}px`
: '0px',
: '8px',
backgroundColor: s.backgroundColor || '#ffffff',
'--carousel-fit': fit
};
@@ -96,10 +104,12 @@ const customStyle = computed(() => {
<style lang="scss" scoped>
.decor-carousel {
width: 100%;
aspect-ratio: var(--carousel-ratio, 2.5 / 1);
overflow: hidden;
position: relative;
background: #f8fafc;
overflow: hidden;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
box-sizing: border-box;
.custom-carousel {
@@ -113,6 +123,7 @@ const customStyle = computed(() => {
:deep(.el-carousel__indicators--horizontal) {
bottom: 14px;
z-index: 10;
.el-carousel__indicator {
padding: 4px;
@@ -121,7 +132,7 @@ const customStyle = computed(() => {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.7);
background-color: rgba(0, 0, 0, 0.35);
opacity: 1;
transition: all 0.25s;
}
@@ -135,14 +146,20 @@ const customStyle = computed(() => {
}
.slide-link {
display: block;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: #ffffff;
.slide-img {
width: 100%;
height: 100%;
object-fit: var(--carousel-fit, contain);
max-width: 100%;
max-height: 100%;
object-fit: var(--carousel-fit, contain) !important;
object-position: center;
display: block;
}
}

View File

@@ -14,7 +14,7 @@
class="cat-item"
:style="{
'--text-color': options.textColor || '#334155',
'--active-color': options.activeColor || '#ff6000',
'--active-color': options.activeColor || '#409EFF',
'--font-size': `${options.fontSize || 13}px`
}"
>
@@ -139,12 +139,12 @@ const customStyle = computed(() => {
background: #fff7ed;
.cat-name {
color: var(--active-color, #ff6000);
color: var(--active-color, #409EFF);
font-weight: 600;
}
.arrow-icon {
color: var(--active-color, #ff6000);
color: var(--active-color, #409EFF);
transform: translateX(2px);
}
}

View File

@@ -115,10 +115,10 @@ const props = defineProps({
}
});
const defaultThumb = '/static/goods/goods_1.png';
const defaultThumb = 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png';
const heroImg = computed(() => {
return props.options?.heroImage || '/static/banner-floor/floor_banner_1.png';
return props.options?.heroImage || 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/banner-floor/floor_banner_1.png';
});
const showHero = computed(() => {
@@ -149,12 +149,12 @@ const promosList = computed(() => {
});
const defaultGoods = [
{ id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' },
{ id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: '/static/goods/goods_2.png' },
{ id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: '/static/goods/goods_3.png' },
{ id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: '/static/goods/goods_4.png' },
{ id: '5', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: '/static/goods/goods_6.png' },
{ id: '6', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: '/static/goods/goods_5.png' }
{ id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png' },
{ id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png' },
{ id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png' },
{ id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png' },
{ id: '5', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_6.png' },
{ id: '6', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_5.png' }
];
const displayGoods = computed(() => {

View File

@@ -71,7 +71,7 @@ const props = defineProps({
}
});
const defaultThumb = '/static/goods/goods_1.png';
const defaultThumb = 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png';
const actualColumns = computed(() => {
const ratio = props.componentStyle?.widthRatio || '100%';
@@ -84,16 +84,16 @@ const actualColumns = computed(() => {
});
const defaultGridGoods = [
{ id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' },
{ id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: '/static/goods/goods_2.png' },
{ id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: '/static/goods/goods_3.png' },
{ id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: '/static/goods/goods_4.png' },
{ id: '5', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: '/static/goods/goods_5.png' },
{ id: '6', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: '/static/goods/goods_6.png' },
{ id: '7', goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', price: '459.00', originalPrice: '699.00', thumbnail: '/static/goods/goods_7.png' },
{ id: '8', goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', price: '299.00', originalPrice: '399.00', thumbnail: '/static/goods/goods_8.png' },
{ id: '9', goodsName: '智能降噪AI翻译蓝牙墨镜 超轻防紫外线偏光太阳镜', price: '599.00', originalPrice: '799.00', thumbnail: '/static/goods/goods_1.png' },
{ id: '10', goodsName: '15.6英寸 4K超高清便携式显示器 Type-C一线直连高色域', price: '1299.00', originalPrice: '1699.00', thumbnail: '/static/goods/goods_3.png' }
{ id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png' },
{ id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png' },
{ id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png' },
{ id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png' },
{ id: '5', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_5.png' },
{ id: '6', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_6.png' },
{ id: '7', goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', price: '459.00', originalPrice: '699.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_7.png' },
{ id: '8', goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', price: '299.00', originalPrice: '399.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_8.png' },
{ id: '9', goodsName: '智能降噪AI翻译蓝牙墨镜 超轻防紫外线偏光太阳镜', price: '599.00', originalPrice: '799.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png' },
{ id: '10', goodsName: '15.6英寸 4K超高清便携式显示器 Type-C一线直连高色域', price: '1299.00', originalPrice: '1699.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png' }
];
const displayGoods = computed(() => {

View File

@@ -78,21 +78,21 @@ const props = defineProps({
}
});
const defaultThumb = '/static/goods/goods_1.png';
const defaultThumb = 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png';
const defaultMockGoods = [
{ id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' },
{ id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: '/static/goods/goods_2.png' },
{ id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: '/static/goods/goods_3.png' },
{ id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: '/static/goods/goods_4.png' },
{ id: '5', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: '/static/goods/goods_5.png' },
{ id: '6', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: '/static/goods/goods_6.png' },
{ id: '7', goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', price: '459.00', originalPrice: '699.00', thumbnail: '/static/goods/goods_7.png' },
{ id: '8', goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', price: '299.00', originalPrice: '399.00', thumbnail: '/static/goods/goods_8.png' },
{ id: '9', goodsName: '折叠屏旗舰手机 典藏陶瓷白 悬停双旋水滴铰链', price: '6999.00', originalPrice: '7999.00', thumbnail: '/static/goods/goods_1.png' },
{ id: '10', goodsName: '真无线触控降噪蓝牙耳机 超低延迟游戏降噪', price: '599.00', originalPrice: '799.00', thumbnail: '/static/goods/goods_2.png' },
{ id: '11', goodsName: '国AA级减蓝光润眼长臂台灯 智能感光多档色温无极调光', price: '249.00', originalPrice: '359.00', thumbnail: '/static/goods/goods_4.png' },
{ id: '12', goodsName: '航空级铝镁合金静音万向轮拉杆登机箱 20英寸防刮耐磨', price: '499.00', originalPrice: '699.00', thumbnail: '/static/goods/goods_7.png' }
{ id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png' },
{ id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png' },
{ id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png' },
{ id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png' },
{ id: '5', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_5.png' },
{ id: '6', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_6.png' },
{ id: '7', goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', price: '459.00', originalPrice: '699.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_7.png' },
{ id: '8', goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', price: '299.00', originalPrice: '399.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_8.png' },
{ id: '9', goodsName: '折叠屏旗舰手机 典藏陶瓷白 悬停双旋水滴铰链', price: '6999.00', originalPrice: '7999.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png' },
{ id: '10', goodsName: '真无线触控降噪蓝牙耳机 超低延迟游戏降噪', price: '599.00', originalPrice: '799.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png' },
{ id: '11', goodsName: '国AA级减蓝光润眼长臂台灯 智能感光多档色温无极调光', price: '249.00', originalPrice: '359.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png' },
{ id: '12', goodsName: '航空级铝镁合金静音万向轮拉杆登机箱 20英寸防刮耐磨', price: '499.00', originalPrice: '699.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_7.png' }
];
const actualColumns = computed(() => {

View File

@@ -115,7 +115,7 @@ const props = defineProps({
}
});
const defaultThumb = '/static/goods/goods_1.png';
const defaultThumb = 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png';
const activeTagIdx = ref(0);
const subCategories = computed(() => {
@@ -133,7 +133,7 @@ const posterTags = computed(() => {
});
const posterImg = computed(() => {
return props.options?.posterImg || '/static/banner-floor/floor_banner_1.png';
return props.options?.posterImg || 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/banner-floor/floor_banner_1.png';
});
const showPoster = computed(() => {
@@ -155,14 +155,14 @@ const rightColumns = computed(() => {
});
const defaultFloorGoods = [
{ id: '101', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' },
{ id: '102', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: '/static/goods/goods_2.png' },
{ id: '103', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: '/static/goods/goods_3.png' },
{ id: '104', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: '/static/goods/goods_4.png' },
{ id: '105', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: '/static/goods/goods_5.png' },
{ id: '106', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: '/static/goods/goods_6.png' },
{ id: '107', goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', price: '459.00', originalPrice: '699.00', thumbnail: '/static/goods/goods_7.png' },
{ id: '108', goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', price: '299.00', originalPrice: '399.00', thumbnail: '/static/goods/goods_8.png' }
{ id: '101', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png' },
{ id: '102', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png' },
{ id: '103', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png' },
{ id: '104', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png' },
{ id: '105', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_5.png' },
{ id: '106', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_6.png' },
{ id: '107', goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', price: '459.00', originalPrice: '699.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_7.png' },
{ id: '108', goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', price: '299.00', originalPrice: '399.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_8.png' }
];
const displayGoods = computed(() => {

View File

@@ -40,7 +40,7 @@ const defaultZones = [
];
const displayImageUrl = computed(() => {
return props.options?.imageUrl || '/static/hot-zone/hotzone_default.png';
return props.options?.imageUrl || 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/hot-zone/hotzone_default.png';
});
const displayZones = computed(() => {

View File

@@ -36,9 +36,9 @@ const props = defineProps({
});
const defaultCards = [
{ title: '限时秒杀', subtitle: '抢券立减50元 · 爆款直降', bgImg: '/static/promo-group/promo_1.png', url: '/goodsList?seckill=1' },
{ title: '品牌特惠', subtitle: '大牌买一送一 · 领百元神券', bgImg: '/static/promo-group/promo_2.png', url: '/goodsList?brand=1' },
{ title: '新品首发', subtitle: '首单专享特惠 · 1元起尝鲜', bgImg: '/static/promo-group/promo_3.png', url: '/goodsList?new=1' }
{ title: '限时秒杀', subtitle: '抢券立减50元 · 爆款直降', bgImg: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/promo-group/promo_1.png', url: '/goodsList?seckill=1' },
{ title: '品牌特惠', subtitle: '大牌买一送一 · 领百元神券', bgImg: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/promo-group/promo_2.png', url: '/goodsList?brand=1' },
{ title: '新品首发', subtitle: '首单专享特惠 · 1元起尝鲜', bgImg: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/promo-group/promo_3.png', url: '/goodsList?new=1' }
];
const cardsList = computed(() => {

View File

@@ -137,18 +137,18 @@ const props = defineProps({
}
});
const defaultThumb = '/static/goods/goods_1.png';
const defaultThumb = 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png';
const defaultPool = [
{ id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: '/static/goods/goods_1.png' },
{ id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: '/static/goods/goods_2.png' },
{ id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: '/static/goods/goods_3.png' },
{ id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: '/static/goods/goods_4.png' },
{ id: '5', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: '/static/goods/goods_5.png' },
{ id: '6', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: '/static/goods/goods_6.png' },
{ id: '7', goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', price: '459.00', originalPrice: '699.00', thumbnail: '/static/goods/goods_7.png' },
{ id: '8', goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', price: '299.00', originalPrice: '399.00', thumbnail: '/static/goods/goods_8.png' },
{ id: '9', goodsName: '智能降噪AI翻译蓝牙墨镜 超轻防紫外线偏光太阳镜', price: '599.00', originalPrice: '799.00', thumbnail: '/static/goods/goods_1.png' }
{ id: '1', goodsName: '旗舰 5G 智能手机 12GB+256GB 超光影影像系统', price: '3999.00', originalPrice: '4599.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png' },
{ id: '2', goodsName: '无线头戴式深度主动降噪蓝牙耳机 空间音频Hi-Res', price: '1099.00', originalPrice: '1499.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png' },
{ id: '3', goodsName: '14英寸 全面屏轻薄商务笔记本电脑 酷睿i7 高刷防眩光', price: '5699.00', originalPrice: '6299.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png' },
{ id: '4', goodsName: '运动健康专业监测智能手表 心率血氧长续航50米防水', price: '899.00', originalPrice: '1199.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png' },
{ id: '5', goodsName: '奢宠酵母焕活修护精华露 50ml 紧致淡纹抗皱滋养', price: '680.00', originalPrice: '890.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_5.png' },
{ id: '6', goodsName: '意式半自动家用复古咖啡机 20Bar高压恒温萃取蒸汽奶泡', price: '899.00', originalPrice: '1280.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_6.png' },
{ id: '7', goodsName: '碳板专业竞速轻量缓震跑步鞋 透气防滑男女同款潮鞋', price: '459.00', originalPrice: '699.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_7.png' },
{ id: '8', goodsName: '极简静音无雾负离子香薰加湿器 大容量客厅卧室通用', price: '299.00', originalPrice: '399.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_8.png' },
{ id: '9', goodsName: '智能降噪AI翻译蓝牙墨镜 超轻防紫外线偏光太阳镜', price: '599.00', originalPrice: '799.00', thumbnail: 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png' }
];
const displayGoods = computed(() => {

View File

@@ -1,12 +1,12 @@
<template>
<div class="decor-search-header" :style="customStyle">
<div class="header-inner">
<!-- 商城 Logo -->
<!-- 1. 商城 Logo 区域 -->
<div class="logo-area">
<router-link to="/">
<img
v-if="options.logoUrl"
:src="options.logoUrl"
v-if="logoSrc"
:src="logoSrc"
alt="Logo"
class="site-logo"
/>
@@ -14,28 +14,29 @@
</router-link>
</div>
<!-- 搜索主区域 -->
<!-- 2. 搜索核心区(紧凑居中,含搜索框和热门推荐词) -->
<div class="search-main">
<div class="search-input-box">
<el-input
<!-- 搜索输入框与按钮 -->
<div class="search-box">
<input
v-model="keyword"
size="large"
:placeholder="options.placeholder || '搜索品牌或商品'"
type="text"
class="search-input"
:placeholder="placeholderText"
@keyup.enter="handleSearch"
class="input-control"
/>
<button type="button" class="search-btn" @click="handleSearch">
<el-icon :size="18"><Search /></el-icon>
<el-icon><Search /></el-icon>
<span>搜索</span>
</button>
</div>
<!-- 热门推荐词 -->
<div class="hot-words" v-if="options.showHotWords && options.hotWords?.length">
<div class="hot-words" v-if="options.showHotWords !== false && hotWordsList.length">
<span
v-for="(word, idx) in options.hotWords"
v-for="(word, idx) in hotWordsList"
:key="idx"
class="hot-word"
class="hot-w"
@click="quickSearch(word)"
>
{{ word }}
@@ -43,11 +44,12 @@
</div>
</div>
<!-- 购物车入口 -->
<div class="cart-entry" v-if="options.showCart">
<router-link to="/cart" class="cart-btn">
<el-icon :size="20" class="cart-icon"><ShoppingCart /></el-icon>
<span>我的购物车</span>
<!-- 3. 购物车入口(紧凑跟随在搜索框右侧,带数量徽标) -->
<div class="cart-entry" v-if="options.showCart !== false">
<router-link to="/cart" class="cart-btn" :style="cartBtnStyle">
<el-icon class="cart-icon"><ShoppingCart /></el-icon>
<span class="cart-text">{{ options.cartText || '购物车' }}</span>
<span class="cart-count">{{ cartCount }}</span>
</router-link>
</div>
</div>
@@ -58,6 +60,7 @@
import { ref, computed } from 'vue';
import { useRouter } from 'vue-router';
import { Search, ShoppingCart } from '@element-plus/icons-vue';
import { useAppStore } from '@/stores/app.js';
const props = defineProps({
options: {
@@ -71,12 +74,34 @@ const props = defineProps({
});
const router = useRouter();
const appStore = useAppStore();
const keyword = ref('');
const logoSrc = computed(() => {
return props.options?.logoUrl || appStore.logoImg || '';
});
const placeholderText = computed(() => {
return props.options?.placeholder || '请输入商品名称、品牌或型号';
});
const hotWordsList = computed(() => {
if (Array.isArray(props.options?.hotWords) && props.options.hotWords.length) {
return props.options.hotWords;
}
return ['iPhone 16 Pro', '小棕瓶', '戴森吹风机', '华为Mate 70', '五粮液', '跑鞋'];
});
const cartCount = computed(() => {
return appStore.cartNum || 0;
});
function handleSearch() {
const kw = keyword.value.trim();
if (kw) {
router.push({ path: '/goodsList', query: { keyword: kw } });
} else if (props.options?.placeholder) {
router.push({ path: '/goodsList', query: { keyword: props.options.placeholder } });
}
}
@@ -92,6 +117,15 @@ const customStyle = computed(() => {
minHeight: `${s.height || 90}px`
};
});
const cartBtnStyle = computed(() => {
const o = props.options || {};
return {
backgroundColor: o.cartBgColor || '#ffffff',
borderColor: o.cartBorderColor || '#e2e8f0',
color: o.cartTextColor || '#334155'
};
});
</script>
<style lang="scss" scoped>
@@ -99,85 +133,109 @@ const customStyle = computed(() => {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
.header-inner {
max-width: 1600px;
width: 100%;
width: 1200px;
max-width: 100%;
margin: 0 auto;
padding: 16px 20px;
padding: 18px 20px 14px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
align-items: flex-start;
justify-content: center; /* 紧凑聚拢居中,杜绝两侧过度留白 */
gap: 42px; /* Logo、搜索框、购物车紧密贴近 */
.logo-area {
height: 40px;
display: flex;
align-items: center;
flex-shrink: 0;
a {
display: flex;
align-items: center;
text-decoration: none;
}
.site-logo {
max-height: 52px;
max-width: 180px;
max-height: 40px;
max-width: 200px;
object-fit: contain;
display: block;
}
.text-logo {
font-size: 26px;
font-weight: 800;
color: #e11d48;
color: #409EFF;
letter-spacing: -0.5px;
line-height: 1;
}
}
.search-main {
flex: 1;
max-width: 600px;
width: 560px;
flex-shrink: 0;
.search-input-box {
.search-box {
display: flex;
align-items: center;
border: 2px solid #409EFF;
border-radius: 4px;
overflow: hidden;
height: 40px;
box-sizing: border-box;
:deep(.el-input__wrapper) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-color: #e11d48;
box-shadow: 0 0 0 1px #e11d48 inset !important;
.search-input {
flex: 1;
border: none;
padding: 0 14px;
font-size: 13px;
color: #334155;
outline: none;
background: #ffffff;
&::placeholder {
color: #94a3b8;
}
}
.search-btn {
height: 40px;
padding: 0 24px;
background: #e11d48;
background: #409EFF;
color: #ffffff;
border: none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
font-size: 15px;
font-weight: 500;
padding: 0 24px;
display: flex;
align-items: center;
gap: 6px;
gap: 4px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
transition: background 0.15s;
&:hover {
background: #be123c;
background: #66b1ff;
}
}
}
.hot-words {
margin-top: 6px;
margin-top: 8px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.hot-word {
.hot-w {
color: #94a3b8;
cursor: pointer;
transition: color 0.2s;
transition: color 0.15s;
&:hover {
color: #e11d48;
color: #409EFF;
}
}
}
@@ -187,28 +245,45 @@ const customStyle = computed(() => {
flex-shrink: 0;
.cart-btn {
height: 40px;
display: flex;
align-items: center;
gap: 8px;
height: 40px;
padding: 0 18px;
padding: 0 16px;
border: 1px solid #e2e8f0;
border-radius: 4px;
color: #334155;
text-decoration: none;
font-size: 13px;
font-weight: 500;
background: #f8fafc;
transition: all 0.2s;
&:hover {
border-color: #e11d48;
color: #e11d48;
background: #fff1f2;
}
color: #334155;
background: #ffffff;
text-decoration: none;
cursor: pointer;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
transition: all 0.15s ease;
box-sizing: border-box;
.cart-icon {
color: #e11d48;
font-size: 16px;
color: #409EFF;
}
.cart-text {
font-weight: 500;
}
.cart-count {
background: #409EFF;
color: #ffffff;
font-size: 11px;
font-weight: 700;
padding: 0 6px;
height: 18px;
line-height: 18px;
border-radius: 9px;
}
&:hover {
border-color: #409EFF;
color: #409EFF;
}
}
}

View File

@@ -179,7 +179,7 @@ const customStyle = computed(() => {
align-self: flex-start;
padding: 1px 6px;
background: #fff2e8;
color: #ff6000;
color: #409EFF;
font-size: 10px;
font-weight: 700;
border-radius: 8px;
@@ -227,19 +227,19 @@ const customStyle = computed(() => {
transition: all 0.15s ease;
&.login-btn {
background: #ff6000;
background: #409EFF;
color: #ffffff;
box-shadow: 0 2px 6px rgba(255, 96, 0, 0.25);
&:hover {
background: #e55600;
background: #66b1ff;
}
}
&.register-btn {
background: #ffffff;
color: #ff6000;
border: 1px solid #ff6000;
color: #409EFF;
border: 1px solid #409EFF;
&:hover {
background: #fff7ed;
@@ -278,7 +278,7 @@ const customStyle = computed(() => {
&:hover {
.metric-val, .metric-label {
color: #ff6000;
color: #409EFF;
}
}
}
@@ -332,7 +332,7 @@ const customStyle = computed(() => {
cursor: pointer;
&:hover {
color: #ff6000;
color: #409EFF;
}
}
}
@@ -354,7 +354,7 @@ const customStyle = computed(() => {
transition: color 0.15s;
.dot {
color: #ff6000;
color: #409EFF;
font-weight: 700;
}
@@ -365,7 +365,7 @@ const customStyle = computed(() => {
}
&:hover {
color: #ff6000;
color: #409EFF;
}
}
}
@@ -399,7 +399,7 @@ const customStyle = computed(() => {
}
&:hover {
color: #ff6000;
color: #409EFF;
}
}
}

View File

@@ -16,7 +16,7 @@
class="video-placeholder"
:style="{
height: `${options.height || 450}px`,
backgroundImage: `url(${options.coverUrl || '/static/video/video_cover.png'})`
backgroundImage: `url(${options.coverUrl || 'https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/video/video_cover.png'})`
}"
>
<div class="video-play-hint">

View File

@@ -89,7 +89,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"backgroundColor": "#ffffff"
},
"options": {
"logoUrl": "/static/logo/logo.png",
"logoUrl": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/logo/logo.png",
"logoAlt": "双11全球狂欢节",
"placeholder": "双11爆款 5折封顶 · 跨店每满300减50",
"hotWords": [
@@ -261,7 +261,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"name": "轮播图",
"componentStyle": {
"widthRatio": "66.67%",
"backgroundColor": "transparent",
"backgroundColor": "#ffffff",
"radius": [
8,
8,
@@ -282,29 +282,29 @@ export const DOUBLE11_PAGE_DOCUMENT = {
{
"title": "双11全球狂欢 · 潮流数码甄选",
"subtitle": "定金膨胀100抵300 抢千元大额神券",
"image": "/static/carousel/banner_1.png",
"image": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/carousel/banner_1.png",
"url": "/goodsList"
},
{
"title": "奢宠美妆 · 经典护肤狂欢",
"subtitle": "买1赠1正装量 跨店每满300减50",
"image": "/static/carousel/banner_2.png",
"image": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/carousel/banner_2.png",
"url": "/goodsList"
},
{
"title": "运动潮流 · 破界开练",
"subtitle": "顶级碳板竞速 全场低至5折起",
"image": "/static/carousel/banner_3.png",
"image": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/carousel/banner_3.png",
"url": "/goodsList"
},
{
"title": "极简家居 · 美学生活",
"subtitle": "大牌家电以旧换新 至高补贴20%",
"image": "/static/carousel/banner_4.png",
"image": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/carousel/banner_4.png",
"url": "/goodsList"
}
],
"fitMode": "cover"
"fitMode": "contain"
}
},
{
@@ -652,7 +652,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
]
},
"options": {
"imageUrl": "/static/hot-zone/hotzone_default.png",
"imageUrl": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/hot-zone/hotzone_default.png",
"hotzones": [
{
"id": "hz1",
@@ -729,7 +729,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"id": "p1",
"title": "双11定金膨胀",
"subtitle": "100抵300 抢跑双11",
"image": "/static/promo/promo_1.png",
"image": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/promo-group/promo_1.png",
"tag": "预售锁定",
"url": "/goodsList"
},
@@ -737,7 +737,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"id": "p2",
"title": "大牌狂欢买1送1",
"subtitle": "买大牌正装赠等量好礼",
"image": "/static/promo/promo_2.png",
"image": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/promo-group/promo_2.png",
"tag": "狂欢赠礼",
"url": "/goodsList"
},
@@ -745,7 +745,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"id": "p3",
"title": "爆款百亿补贴",
"subtitle": "全网比价 买贵必赔",
"image": "/static/promo/promo_3.png",
"image": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/promo-group/promo_3.png",
"tag": "官方直补",
"url": "/goodsList"
}
@@ -802,7 +802,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"badge": "立省600元",
"price": "3999.00",
"originalPrice": "4599.00",
"image": "/static/goods/goods_1.png",
"image": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png",
"url": "/goods/1"
}
},
@@ -833,7 +833,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"goodsName": "无线头戴式深度主动降噪耳机 空间音频Hi-Res",
"price": "1099.00",
"originalPrice": "1499.00",
"thumbnail": "/static/goods/goods_2.png",
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png",
"tag": "降噪TOP1"
},
{
@@ -841,7 +841,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"goodsName": "14英寸全面屏轻薄笔记本电脑 酷睿i7 高刷防眩光",
"price": "5699.00",
"originalPrice": "6299.00",
"thumbnail": "/static/goods/goods_3.png",
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png",
"tag": "直降600"
},
{
@@ -849,7 +849,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"goodsName": "运动健康专业监测智能手表 心率血氧长续航防水",
"price": "899.00",
"originalPrice": "1199.00",
"thumbnail": "/static/goods/goods_4.png",
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png",
"tag": "抢购热卖"
}
]
@@ -977,7 +977,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"floorNo": "1F",
"title": "潮流数码狂欢",
"subtitle": "DIGITAL & GADGETS",
"posterImage": "/static/banner-floor/floor_banner_1.png",
"posterImage": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/banner-floor/floor_banner_1.png",
"posterTitle": "数码狂欢盛典",
"posterSubtitle": "最高立省1000元",
"goods": [
@@ -989,7 +989,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 15820,
"positiveRate": "99.8%",
"isSelf": true,
"thumbnail": "/static/goods/goods_1.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png"
},
{
"id": "2",
@@ -999,7 +999,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 28410,
"positiveRate": "99.5%",
"isSelf": true,
"thumbnail": "/static/goods/goods_2.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png"
},
{
"id": "3",
@@ -1009,7 +1009,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 9320,
"positiveRate": "99.2%",
"isSelf": true,
"thumbnail": "/static/goods/goods_3.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png"
},
{
"id": "4",
@@ -1019,7 +1019,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 19500,
"positiveRate": "99.6%",
"isSelf": true,
"thumbnail": "/static/goods/goods_4.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png"
}
]
}
@@ -1055,7 +1055,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"backgroundColor": "transparent"
},
"options": {
"bannerImage": "/static/banner-floor/floor_banner_1.png",
"bannerImage": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/banner-floor/floor_banner_1.png",
"title": "双11大牌品质生活盛典",
"subtitle": "以旧换新重磅补贴 跨店每满300减50",
"goods": [
@@ -1067,7 +1067,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 34100,
"positiveRate": "99.9%",
"isSelf": true,
"thumbnail": "/static/goods/goods_5.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_5.png"
},
{
"id": "6",
@@ -1077,7 +1077,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 8760,
"positiveRate": "99.1%",
"isSelf": false,
"thumbnail": "/static/goods/goods_6.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_6.png"
},
{
"id": "7",
@@ -1087,7 +1087,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 22100,
"positiveRate": "99.4%",
"isSelf": true,
"thumbnail": "/static/goods/goods_7.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_7.png"
},
{
"id": "8",
@@ -1097,7 +1097,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 14200,
"positiveRate": "99.0%",
"isSelf": false,
"thumbnail": "/static/goods/goods_8.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_8.png"
}
]
}
@@ -1135,7 +1135,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"options": {
"title": "双11智能生活场景馆",
"subtitle": "SMART LIFE SHOWROOM",
"heroImage": "/static/promo/promo_1.png",
"heroImage": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/promo-group/promo_1.png",
"heroTitle": "智能生活新时代",
"heroSubtitle": "畅享未来智慧家庭科技",
"goods": [
@@ -1147,7 +1147,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 15820,
"positiveRate": "99.8%",
"isSelf": true,
"thumbnail": "/static/goods/goods_1.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png"
},
{
"id": "3",
@@ -1157,7 +1157,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 9320,
"positiveRate": "99.2%",
"isSelf": true,
"thumbnail": "/static/goods/goods_3.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png"
},
{
"id": "6",
@@ -1167,7 +1167,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 8760,
"positiveRate": "99.1%",
"isSelf": false,
"thumbnail": "/static/goods/goods_6.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_6.png"
}
]
}
@@ -1250,7 +1250,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 15820,
"positiveRate": "99.8%",
"isSelf": true,
"thumbnail": "/static/goods/goods_1.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png"
},
{
"id": "2",
@@ -1260,7 +1260,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 28410,
"positiveRate": "99.5%",
"isSelf": true,
"thumbnail": "/static/goods/goods_2.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png"
},
{
"id": "3",
@@ -1270,7 +1270,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 9320,
"positiveRate": "99.2%",
"isSelf": true,
"thumbnail": "/static/goods/goods_3.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png"
},
{
"id": "4",
@@ -1280,7 +1280,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 19500,
"positiveRate": "99.6%",
"isSelf": true,
"thumbnail": "/static/goods/goods_4.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png"
},
{
"id": "5",
@@ -1290,7 +1290,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 34100,
"positiveRate": "99.9%",
"isSelf": true,
"thumbnail": "/static/goods/goods_5.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_5.png"
},
{
"id": "6",
@@ -1300,7 +1300,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 8760,
"positiveRate": "99.1%",
"isSelf": false,
"thumbnail": "/static/goods/goods_6.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_6.png"
},
{
"id": "7",
@@ -1310,7 +1310,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 22100,
"positiveRate": "99.4%",
"isSelf": true,
"thumbnail": "/static/goods/goods_7.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_7.png"
},
{
"id": "8",
@@ -1320,7 +1320,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 14200,
"positiveRate": "99.0%",
"isSelf": false,
"thumbnail": "/static/goods/goods_8.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_8.png"
}
]
}
@@ -1394,7 +1394,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
},
"options": {
"videoUrl": "https://vjs.zencdn.net/v/oceans.mp4",
"coverUrl": "/static/video/video_cover.png",
"coverUrl": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/video/video_cover.png",
"title": "双11全球狂欢发布盛典 · 年度旗舰好物真实开箱测评",
"autoplay": false
}
@@ -1471,25 +1471,25 @@ export const DOUBLE11_PAGE_DOCUMENT = {
{
"id": "1",
"name": "Apple 官方旗舰店",
"logo": "/static/brand-wall/brand_1.png",
"logo": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/brand-wall/brand_1.png",
"tag": "正品补贴"
},
{
"id": "2",
"name": "Sony 索尼官方旗舰店",
"logo": "/static/brand-wall/brand_2.png",
"logo": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/brand-wall/brand_2.png",
"tag": "新品独家"
},
{
"id": "3",
"name": "Estee Lauder 雅诗兰黛",
"logo": "/static/brand-wall/brand_3.png",
"logo": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/brand-wall/brand_3.png",
"tag": "买1送1"
},
{
"id": "4",
"name": "Nike 耐克官方商城",
"logo": "/static/brand-wall/brand_4.png",
"logo": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/brand-wall/brand_4.png",
"tag": "低至5折"
}
]
@@ -1647,7 +1647,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 15820,
"positiveRate": "99.8%",
"isSelf": true,
"thumbnail": "/static/goods/goods_1.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png"
},
{
"id": "2",
@@ -1657,7 +1657,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 28410,
"positiveRate": "99.5%",
"isSelf": true,
"thumbnail": "/static/goods/goods_2.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png"
},
{
"id": "3",
@@ -1667,7 +1667,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 9320,
"positiveRate": "99.2%",
"isSelf": true,
"thumbnail": "/static/goods/goods_3.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png"
},
{
"id": "4",
@@ -1677,7 +1677,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 19500,
"positiveRate": "99.6%",
"isSelf": true,
"thumbnail": "/static/goods/goods_4.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png"
},
{
"id": "5",
@@ -1687,7 +1687,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 34100,
"positiveRate": "99.9%",
"isSelf": true,
"thumbnail": "/static/goods/goods_5.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_5.png"
},
{
"id": "6",
@@ -1697,7 +1697,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 8760,
"positiveRate": "99.1%",
"isSelf": false,
"thumbnail": "/static/goods/goods_6.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_6.png"
},
{
"id": "7",
@@ -1707,7 +1707,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 22100,
"positiveRate": "99.4%",
"isSelf": true,
"thumbnail": "/static/goods/goods_7.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_7.png"
},
{
"id": "8",
@@ -1717,7 +1717,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 14200,
"positiveRate": "99.0%",
"isSelf": false,
"thumbnail": "/static/goods/goods_8.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_8.png"
}
]
}
@@ -1800,7 +1800,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 15820,
"positiveRate": "99.8%",
"isSelf": true,
"thumbnail": "/static/goods/goods_1.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_1.png"
},
{
"id": "2",
@@ -1810,7 +1810,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 28410,
"positiveRate": "99.5%",
"isSelf": true,
"thumbnail": "/static/goods/goods_2.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_2.png"
},
{
"id": "3",
@@ -1820,7 +1820,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 9320,
"positiveRate": "99.2%",
"isSelf": true,
"thumbnail": "/static/goods/goods_3.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_3.png"
},
{
"id": "4",
@@ -1830,7 +1830,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 19500,
"positiveRate": "99.6%",
"isSelf": true,
"thumbnail": "/static/goods/goods_4.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_4.png"
},
{
"id": "5",
@@ -1840,7 +1840,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 34100,
"positiveRate": "99.9%",
"isSelf": true,
"thumbnail": "/static/goods/goods_5.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_5.png"
},
{
"id": "6",
@@ -1850,7 +1850,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 8760,
"positiveRate": "99.1%",
"isSelf": false,
"thumbnail": "/static/goods/goods_6.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_6.png"
},
{
"id": "7",
@@ -1860,7 +1860,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 22100,
"positiveRate": "99.4%",
"isSelf": true,
"thumbnail": "/static/goods/goods_7.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_7.png"
},
{
"id": "8",
@@ -1870,7 +1870,7 @@ export const DOUBLE11_PAGE_DOCUMENT = {
"sales": 14200,
"positiveRate": "99.0%",
"isSelf": false,
"thumbnail": "/static/goods/goods_8.png"
"thumbnail": "https://lilishop-pc.oss-cn-beijing.aliyuncs.com/static/goods/goods_8.png"
}
]
}