线上版本为前端页面,
部署步骤
前期安装nodejs,vue
顺序执行
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
cnpm run serve
数据在本地存储,直接返回json格式替换即可
const data = [
{
intro: '乔丹质燥大闹天宫联名款运动T恤男女2020夏季新款针织国潮短袖T恤',
img: 'static/img/index/seckill/seckill-item1.jpg',
price: 171.9,
realPrice: 189.6
},
{
intro: 'PRICH2020秋季新款女时尚休闲纯色字母百搭长袖T恤PRLWA3820Q',
img: 'static/img/index/seckill/seckill-item2.jpg',
price: 39.0,
realPrice: 99.0
},
{
intro: '花花公子长袖t恤男士秋冬季卫衣2020新款潮流秋衣打底衫加绒上衣',
img: 'static/img/index/seckill/seckill-item3.jpg',
price: 21.8,
realPrice: 49.0
},
{
intro: '安奈儿童装女童高翻领长袖T恤2020冬新款保暖洋气时尚男童打底衫',
img: 'static/img/index/seckill/seckill-item4.jpg',
price: 19.9,
realPrice: 39.0
},
{
intro: '优衣库 【设计师合作款】男装/女装 圆领T恤(长袖) 429158 UNIQLO',
img: 'static/img/index/seckill/seckill-item5.jpg',
price: 29.9,
realPrice: 39.9
},
{
intro: '优衣库 男装/女装 AIRism圆领T恤(长袖) 433839 UNIQLO',
img: 'static/img/index/seckill/seckill-item6.jpg',
price: 59.9,
realPrice: 159.9
}
];
{
title: '清洁用品',
tags: [ '纸品湿巾', '衣物清洁', '清洁工具', '家庭清洁', '一次性用品', '驱虫用品', '皮具护理' ]
},
{
title: '宠物生活',
tags: [ '水族世界', '狗粮', '猫粮', '猫狗罐头', '狗零食', '猫零食', '医疗保健', '宠物玩具', '宠物服饰' ]
},
{
title: '香水彩妆',
tags: [ 'BB霜', '化妆棉', '女士香水', '男士香水', '底妆', '眉笔', '睫毛膏', '眼线', '眼影', '唇膏/彩' ]
},
{
title: '清洁用品',
tags: [ '纸品湿巾', '衣物清洁', '清洁工具', '家庭清洁', '一次性用品', '驱虫用品', '皮具护理' ]
},
{
title: '宠物生活',
tags: [ '水族世界', '狗粮', '猫粮', '猫狗罐头', '狗零食', '猫零食', '医疗保健', '宠物玩具', '宠物服饰' ]
}
部分代码:
export default {
name: 'Home',
data () {
return {
activeTitle: '我的订单',
bar: {
'myAddress': '我的收货地址',
'addAddress': '添加收货地址',
'myOrder': '我的订单',
'myShoppingCart': '我的购物车'
}
};
},
methods: {
onSelect (name) {
this.activeTitle = this.bar[name];
this.$router.push(`/home/${name}`);
}
}
};