码迷,mamicode.com
首页 > 其他好文 > 详细

4.具体练习一个h5实例

时间:2018-11-30 15:31:57      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:www   text   目标   刷新   效果   com   全局   而且   nod   

目标地址:https://www.vyuan8.com/vyuan/plugin.php?id=vyuan_fangchan&module=fangchan&pid=10079&fid=70823

页面可以从上到下分为若干组件,导航,swiper幻灯,详情,推荐,底部 5个组件

1.先搞个头部导航

csshtml搞过来之后 发现总是不对 ,什么问题呢

原来是热刷新的问题,也就是你再vscode编辑修改了,但是在浏览器看到的效果不是实时的,nodejs有个热刷新的命令

cnpm install -g supervisor

先在命令行停止项目,然后执行 supervisor 后再npm run dev

Header.vue

 技术分享图片

效果:

 技术分享图片

少了个箭头,要加载 iconfont.css,而且是全局的css

首先配置nuxt.config.js

技术分享图片
然后把静态样式文件放到该目录

 

Npm run dev 效果出来了

 技术分享图片

4.具体练习一个h5实例

标签:www   text   目标   刷新   效果   com   全局   而且   nod   

原文地址:https://www.cnblogs.com/kobewang/p/10043799.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!