uni-app的uni-ui引入和运行
uni-ui的下载和使用
1)uni-ui 是全端兼容的基于flex布局的ui库; 2)可以使用 npm 的安装使用方式,也可下载相关组件直接使用; 3)uni-ui 不支持使用 Vue.use() 的方式安装 4)uni-ui 依赖 scss,若是 HBuilderX 中创建的 uni-app 项目,需要在 HBuilderX 中安装 scss 插件;如果是使用 cli 创建的 uni-app 项目,需要在项目下npm安装node-sass 和 sass-loader
1,在项目目录下打开终端
先执行:npm init -y
2,下载uni-ui
npm install @dcloudio/uni-ui
3,随便使用一个组件
这里我用日历组件做示范
注意:按需引入和components!
由于下载了uni-app需要用到scss,所以在未下载之前会出现scss报错,正常直接点击那个报错路径进去下载
或者点击工具---插件安装----安装新插件
点击前往插件市场安装
使用HBuilder导入插件
这里需要登录,登录后即可下载配置
最后就可以运行成功
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
微信小程序的对象Object