Tmall Web

基于 vue 2.6.12 实现 tmall 首页， 实现数据和界面分离。

纯 html+css 实现的 tmall 首页， 点我

---

运行项目

npm 版本 6.14.11

npm安装和配置

npm install and config

设置依赖库的下载地址：

> npm config set registry "https://registry.npm.taobao.org/"

运行项目：

> git clone https://github.com/103style/tmall_vue.git
> cd tmall_vue
> npm i
> npm run dev

---

build相关

通过 npm run build 命令打包。

不过由于图片资源去掉了协议头， 所以本地打开会看不到一些图片。

---

Preview

• 顶部菜单

  

• 搜索框

  

• 分类栏 和 轮播图

  

• 相关推荐种类菜单

  

• 底部申明

  

---

Contact Me

---

样式参考

• tmall

---

webpack配置参考链接

• vue webpack配置
• babel
• webpack-dev-server

---

参考

• HTML DOM Element 对象
• HTML 事件属性
• Vue Style Guide
• vue-loader
• webpack-dev-server

---