NewsNing
NewsNing
  • 发布:2017-01-16 09:41
  • 更新:2017-01-16 09:41
  • 阅读:14271

【源码技术分享】webpack+vue+html5plus

分类:HTML5+

vue 多页面 + HBuilder 打包 + HTML5PLUS 特性

A Vue + H5Plus project

使用UI : Muse-UI 基于 Vue 2.0 和 Material Desigin 的 UI 组件库
真机调试 : HBuilder HBuilder-飞速编码的极客工具

关键字:

1)换肤(支持webview多页面换肤)
2)简易机器人聊天
3)技术性文章浏览
4)支持流应用版本

2017年2月3日 18:33:02

新增主页webview拖拽切换(需要 hbuilder 8.0 版本)

github源码地址

开始

# 安装依赖  
npm install  

# 在服务器上调试 localhost:8080/module/index.html  
npm run dev  
## 然后在HBuilder中起始页设置为 本地服务器:端口号/module/index.html  
### 如 192.168.11.102:8080/module/index.html  
## 手机连接电脑, 在统一局域网下, 开启真机调试  

# 你也可以先 打包  
npm run build  
## 然后把 dist 文件下的目录放入 HBuilder 项目中  
## 设置起始页为 module/index.html 真机调试

扫描二维码
在流应用中快速预览
测试二维码

部分截图

主页

机器人聊天

侧栏

其它

10 关注 分享
BoredApe lhyh Huiqi Trust 2***@qq.com 3***@qq.com W小姐 水域心诚 阿星蜀黍 j***@126.com

要回复文章请先登录注册

NewsNing

NewsNing (作者)

回复 6***@qq.com :
优秀!关注了
2018-06-07 18:19
6***@qq.com

6***@qq.com

现在可以试试这个 基于webpack4的 https://github.com/tyaqing/mogo-h5plus
2018-06-07 17:24
阿星蜀黍

阿星蜀黍

make
2018-05-28 09:31
NewsNing

NewsNing (作者)

回复 q***@qq.com :
谢谢提醒,源码已经稍微改过错误
2018-04-08 14:52
q***@qq.com

q***@qq.com

回复 3***@qq.com :
这个很简单components/chat/item.vue将错误的h5改成div就可以正常了
2018-04-03 23:10
3***@qq.com

3***@qq.com

回复 wen如故i :
同 请楼主出来解答 或者我等下上完厕所来看源码改?
2017-12-08 11:24
落木萧萧

落木萧萧

浏览器调试,plus未定义的问题怎么解决?
2017-07-03 10:33
wen如故i

wen如故i

浏览器上运行,Cannot GET/
2017-06-14 17:20
NewsNing

NewsNing (作者)

回复 Native_O :
获取数据的API挂啦
2017-05-16 17:35
Native_O

Native_O

回复 Native_O :
修改了主页目录还是空白
2017-05-15 16:55