3.header组件开发

2017-08-20  本文已影响0人  卖单车

新建M-Header组件(注意:请在创建组件的时候不要使用H5自带标签如header arctice等,虽然可以正常使用 但是会有警告)

在APP.vue文件中引入并且注册后使用M-Header组件

上面为M-Header页面代码

通过router-link 来达到页面切换 通过.router-link-activce来确定激活页面的那个router-link的样式,通过tag属性来确定这个路由指向标签

注意 style标签上的scoped的意思为:标签里的CSS只在当前页面有效

页面样式:

下节将讲到如何把图标引入项目中,谢谢大家的支持!

上一篇 下一篇

猜你喜欢

热点阅读