购物-vue版-home


购物街-vue

1, CSS格式引用

normalize.css:常用格式,从github上引用

css引用方式:
(1)在html中:
(2)在另外一个css中: @import"css文件路径/url"

2,组件引用路径配置

根目录下创建 vue.config.js
购物-vue版-home_第1张图片

图片的引用路径,前加~
购物-vue版-home_第2张图片
修改icon网站图标:在public中 favicon.ico

3, 顶端导航组件

nav-tab-bar,创建组件,使用插槽将顶部的bar分为左中右三部分,在首页中只展示center的slot内容“购物街”
购物-vue版-home_第3张图片

4, 请求多个数据

购物-vue版-home_第4张图片

  • 购物-vue版-home_第5张图片

5, 轮播图(待实现)+首页推荐

你可能感兴趣的:(Vue,demo)