uni

uni-ui支持 HBuilderX直接新建项目模板、npm安装和单独导入个别组件等多种使用方式

# 在HBuilderX 新建uni-app项目的模板中，选择uni-ui模板

由于uni-app独特的easycom 技术，可以免引用、注册，直接使用各种符合规则的vue组件。

在代码区键入u，拉出各种内置或uni-ui的组件列表，选择其中一个，即可使用该组件。

光标放在组件名称上，按F1，可以查阅组件的文档。

# 通过 uni_modules 单独安装组件

如果你没有创建uni-ui项目模板，也可以在你的工程里，通过 uni_modules 单独安装需要的某个组件。下表为uni-ui的扩展组件清单，点击每个组件在详情页面可以导入组件到项目下，导入后直接使用即可，无需import和注册。

组件名 组件说明 uni-badge 数字角标 uni-calendar 日历 uni-card 卡片 uni-collapse 折叠面板 uni-combox 组合框 uni-countdown 倒计时 uni-data-checkbox 数据选择器 uni-data-picker 数据驱动的picker选择器 uni-dateformat 日期格式化 uni-datetime-picker 日期选择器 uni-drawer 抽屉 uni-easyinput 增强输入框 uni-fab 悬浮按钮 uni-fav 收藏按钮 uni-file-picker 文件选择上传 uni-forms 表单 uni-goods-nav 商品导航 uni-grid 宫格 uni-group 分组 uni-icons 图标 uni-indexed-list 索引列表 uni-link 超