uni-ui使用方式
uni ui 支持 HBuilderX直接创建项目模板、npm安装和单独导入个别组件等多种使用方式
1、在HBuilderX新建uni-app项目的模板中,选择uni ui模板 由于uni-app独特的easycom技术,可以免引用、注册,直接使用各种符合规则的vue租价。
在代码区输入u,拉出各种内置或uni-ui的组件列表,选择其中一个,即可使用该组件。光标放在组件名称上,按F1,可以查阅组件的文档。
2、npm安装
3、单独安装组件,如果没有创建uni-ui项目模板,也可以在你的工程里,单独安装需要的那个组件,下表为uni-ui的扩展组件清单,点击每个组件在详情页面可以导入组件到项目下,导入后无需import和注册,直接使用即可
组件名 | 说明 |
---|---|
Badge | 数字角标 |
Calendar | 日历 |
Card | 卡片 |
Collapse | 折叠面板 |
Combox | 可下拉选择的输入框 |
CountDown | 倒计时 |
Drawer |