购物街0-首页开发

购物街-vue

1, CSS格式引用

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

css引用方式:
(1)在html中:<link ref="xx.css">
(2)在另外一个css中: @import"css文件路径/url"

2,组件引用路径配置

根目录下创建 vue.config.js
image.png

图片的引用路径,前加~
image.png
修改icon网站图标:在public中 favicon.ico

3, 顶端导航组件

nav-tab-bar,创建组件,使用插槽将顶部的bar分为左中右三部分,在首页中只展示center的slot内容“购物街”
image.png

4, 请求多个数据

image.png

  • image.png

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