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 超