diff --git a/pages/index/index.vue b/pages/index/index.vue
index ec0ec26..8aedb9d 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,9 +1,239 @@
-
-
-
- {{title}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 📢
+
+
+
+
+
+ {{ item.text }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 高性价比好物,买TA!
+
+
+
+ 推荐
+
+
+
+ 9.9包邮
+
+
+
+ 19.9超值
+
+
+
+
+
+
+
+
+
+
+ 天猫
+ {{ item.title }}
+
+
+ {{ item.label1 }}
+ {{ item.label2 }}
+
+
+
+ 券后
+ ¥
+ {{ item.price }}
+ ¥{{ item.oldPrice }}
+
+ 券 {{ item.coupon }}元
+
+
+ 今日已抢 {{ item.sold }} 件
+ 马上抢 >
+
+
+
+
+
+
+
+
+
+
+
+
+ 品牌特卖
+ 跟着潮流买 限时抢好货
+
+ 更多 >
+
+
+
+
+
+
+
+
+
+
+
+ {{ brandFeature.name }}
+ >
+
+ {{ brandFeature.desc }}
+
+ 抢限量大额券
+ 霸榜天猫3大榜单
+
+
+
+
+
+
+
+
+
+
+
+
+ 🎂
+ 周年庆
+
+
+ 已售{{ goods.sold }}件
+
+ {{ goods.title }}
+ {{ goods.promo }}
+
+ ¥{{ goods.price }}
+ 券 {{ goods.coupon }}元
+
+
+
+
+
+
+
+
+
+
+ 淘宝
+
+
+
+ 京东
+
+
+
+ 拼多多
+
+
+
+ 抖音电商
+
+
+
+
+
+
+
+
+
+ 🎂
+ 周年庆
+
+ {{ goods.brandTag }}
+
+ {{ goods.bottomTag }}
+
+
+
+ 天猫
+ {{ goods.title }}
+
+ {{ goods.lowestTag }}
+
+
+ 券后¥
+ {{ goods.finalPrice }}
+
+ 券 {{ goods.couponValue }}元
+
+ 已售 {{ goods.sales }} 件
+
+
+
+
+ -- 到底啦 --
+
@@ -11,42 +241,1171 @@
export default {
data() {
return {
- title: 'Hello'
+ currentTab: 0,
+ navList: ['精选', '女装', '美食', '美妆', '母婴', '鞋包', '居家', '数码'],
+ banners: [
+ 'https://images.unsplash.com/photo-1483985988355-763728e1935b?w=800&q=80',
+ 'https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=800&q=80',
+ 'https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?w=800&q=80'
+ ],
+ menus: [
+ { name: '9.9包邮', icon: 'https://cdn-icons-png.flaticon.com/512/879/879859.png' },
+ { name: '疯抢榜', icon: 'https://cdn-icons-png.flaticon.com/512/3594/3594363.png' },
+ { name: '聚划算', icon: 'https://cdn-icons-png.flaticon.com/512/3594/3594162.png' },
+ { name: '品牌特卖', icon: 'https://cdn-icons-png.flaticon.com/512/879/879796.png' },
+ { name: '每日半价', icon: 'https://cdn-icons-png.flaticon.com/512/879/879854.png' }
+ ],
+ noticeList: [
+ { avatar: 'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=100&q=80', text: '用户180****9287在6分钟前下单成功' },
+ { avatar: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&q=80', text: '用户135****6621在1分钟前下单成功' },
+ { avatar: 'https://images.unsplash.com/photo-1599566150163-29194dcaad36?w=100&q=80', text: '用户130****5746在刚刚下单成功' }
+ ],
+ adList: [
+ 'https://images.unsplash.com/photo-1607083206968-13611e3d76db?w=800&q=80',
+ 'https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?w=800&q=80'
+ ],
+ worthTabActive: 2,
+ worthBuyGoods: [
+ {
+ img: 'https://images.unsplash.com/photo-1595113316349-9fa4ee24f884?w=400&q=80',
+ title: '雨森桉木浆卷纸18卷4斤加厚...',
+ label1: '满21减5',
+ label2: '爆款',
+ price: '16.93',
+ oldPrice: '21.93',
+ coupon: 5,
+ sold: 0
+ },
+ {
+ img: 'https://images.unsplash.com/photo-1550583724-b2692b85b150?w=400&q=80',
+ title: '【超值380g约55-60个】豪士...',
+ label1: '今日热卖前十',
+ label2: '',
+ price: '12.8',
+ oldPrice: '24.8',
+ coupon: 12,
+ sold: 3745
+ }
+ ],
+ recommendData: {
+ left: { title: '今日必抢', sub: '爆款直降', img: 'https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=400&q=80' },
+ topRight: { title: '百亿补贴', sub: '大牌正品', img: 'https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=400&q=80' },
+ bottomRight: { title: '热销榜单', sub: '闭眼入', img: 'https://images.unsplash.com/photo-1546868871-7041f2a55e12?w=400&q=80' }
+ },
+ brandSaleList: [
+ { logo: 'https://cdn-icons-png.flaticon.com/512/732/732229.png', image: 'https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400&q=80', price: '39.9', oldPrice: '99' },
+ { logo: 'https://cdn-icons-png.flaticon.com/512/882/882730.png', image: 'https://images.unsplash.com/photo-1618354691373-d851c5c3a990?w=400&q=80', price: '59.0', oldPrice: '159' },
+ { logo: 'https://cdn-icons-png.flaticon.com/512/732/732244.png', image: 'https://images.unsplash.com/photo-1583743814966-8936f5b7be1a?w=400&q=80', price: '89.0', oldPrice: '299' },
+ { logo: 'https://cdn-icons-png.flaticon.com/512/732/732221.png', image: 'https://images.unsplash.com/photo-1511556532299-8f662fc26c06?w=400&q=80', price: '129', oldPrice: '499' }
+ ],
+ brandFeature: {
+ bg: 'https://images.unsplash.com/photo-1556228720-195a672e8a03?w=800&q=80',
+ logo: 'https://images.unsplash.com/photo-1560155016-bd4879ae8f21?w=200&q=80',
+ name: '贝德美',
+ desc: '不只4.1折! 婴童洗护心选'
+ },
+ brandGoods: [
+ {
+ img: 'https://images.unsplash.com/photo-1556228453-efd6c1ff04f6?w=300&q=80',
+ sold: '1.0万',
+ title: '【6月+可用】...',
+ promo: '官方立减10元',
+ price: '19.9',
+ coupon: 30
+ },
+ {
+ img: 'https://images.unsplash.com/photo-1556228515-919086f6f273?w=300&q=80',
+ sold: '70.0万',
+ title: '【0岁+可用】...',
+ promo: '立减10元+领10',
+ price: '24',
+ coupon: 10
+ },
+ {
+ img: 'https://images.unsplash.com/photo-1594820878367-0676999d734f?w=300&q=80',
+ sold: '30.0万',
+ title: '【贝德美】婴...',
+ promo: '官方立减10元',
+ price: '24',
+ coupon: 10
+ }
+ ],
+ platformActive: 0,
+ goodsList: [
+ {
+ image: 'https://img.alicdn.com/imgextra/i3/2278533591/O1CN01h1F0Y11cOjO88KGKn_!!2278533591.png_310x310',
+ brandTag: 'Colorkey/珂拉琪',
+ title: '任选3件! 珂拉琪官旗唇釉合集',
+ lowestTag: '48天最低价',
+ sales: '70.0万',
+ couponValue: 63,
+ finalPrice: '49.2'
+ },
+ {
+ image: 'http://img-haodanku-com.cdn.fudaiapp.com/fd_1777010018610_784070_310',
+ brandTag: '薇诺娜',
+ bottomTag: '品牌直发 正品保障 假一赔十',
+ title: '薇诺娜保湿修护精华爽肤水120ml',
+ lowestTag: '13天最低价',
+ sales: '1.0万',
+ couponValue: 40,
+ finalPrice: '45'
+ }
+ ]
}
- },
- onLoad() {
-
},
methods: {
-
+ switchTab(index) {
+ this.currentTab = index;
+ }
}
}
-
diff --git a/unpackage/dist/cache/.vite/deps/_metadata.json b/unpackage/dist/cache/.vite/deps/_metadata.json
new file mode 100644
index 0000000..d316793
--- /dev/null
+++ b/unpackage/dist/cache/.vite/deps/_metadata.json
@@ -0,0 +1,8 @@
+{
+ "hash": "0694fca5",
+ "configHash": "6057985e",
+ "lockfileHash": "e3b0c442",
+ "browserHash": "9518c2ac",
+ "optimized": {},
+ "chunks": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/cache/.vite/deps/package.json b/unpackage/dist/cache/.vite/deps/package.json
new file mode 100644
index 0000000..3dbc1ca
--- /dev/null
+++ b/unpackage/dist/cache/.vite/deps/package.json
@@ -0,0 +1,3 @@
+{
+ "type": "module"
+}