uni-ui使用方式

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

组件名 说明
Badge 数字角标
Calendar 日历
Card 卡片
Collapse 折叠面板
Combox 可下拉选择的输入框
CountDown 倒计时
Drawer 抽屉
GoodsNav 底部购物导航
Grid 宫格
Icons 图标
IndexedList 字母索引列表
List 列表
LoadMore 加载更多
NavBar 自定义导航栏
NoticeBar 通告栏
NumberBox 数字输入框
Pagination 分页器
PopUp 弹出层
Rate 评分
SearchBar 搜索栏
SegmentedControl 分段器
Steps 步骤条
SwipeAction 滑动操作
SwiperDot 轮播图指示点
Tag 标签

你可能感兴趣的:(小程序)