BUI
2018-11-28 本文已影响0人
wu_9f41
为什么使用BUI
1.bui webapp 可以嵌入小程序 钉钉 ios 安卓app
2.暂时没有上传语音 视频的组件
官方解释为 :
BUI 是用来快速构建界面交互的UI框架, 专注webapp开发, 开发者只需关注业务的开发, 界面的布局及交互交给BUI, 开发出来的应用, 可以嵌入平台 ( 微信, 小程序, 钉钉, 淘宝, 支付宝等 ), 亦可以跟其它第三方平台打包成独立应用( Bingotouch , Cordova , Dcloud , APICloud , Appcan , 前海圆舟 等), 最终可以全跨平台展示.
使用步骤
- 使用npm安装buijs （脚手架可以快速搭建项目，替换模板，新增模板页面）
npm install -g buijs - 创建项目
buijs create demo -p dcloud
cd demo
npm install
npm run dev - 新增模板
buijs create -t main-tab
bui create -t page-login
| 命令 | 含义 |
|---|---|
buijs -v |
查看当前工具的版本 |
buijs -h |
命令帮助信息 |
buijs create |
在当前目录创建bui webapp默认工程 |
buijs create [projectName] [version] [-t templateName] [-p platformName] |
创建工程，支持指定版本，指定模板，指定平台，相同目录下会覆盖 |
buijs update |
在当前项目更新bui为最新webapp版本，只修改bui.css，bui.js不覆盖项目其它内容 |
buijs update [projectName] [version] [-p platformName] [-d] |
更新bui为某个版本，某个平台，-d更新为最新的工程模式（dev） |
buijs list |
显示可用的版本 |
buijs list-template |
显示可用的模板列表BUI模板图片预览 |
buijs list-platform |
显示可用的平台列表 |
buijs clear |
清除下载的模板缓存 |
4.编译
npm run dev
- 发布apk 使用dcloud
打开hbuilder ,新建移动app项目，项目名bui-demo。
把dist目录下的所有文件夹拷贝到该项目中。
在项目名（bui-demo）右键选择发行->发行为原生安装包
Qs
-
默认搭建的框架里面是使用了bui.js和zepo.js，，但是貌似zpeto.js可以替换成Jquery.js，替换后 如何使用？
-
如何嵌入小程序中？
-
使用rem开发移动端 ，可以自适应
bui 1.5.X基于750x设计稿量取大小，1rem = 100px;即 如果是750px的效果图 如果图片高度是200px则是2rem；
