开源项目beautiful(2)uni-ui官方文档,安装,使用

beautiful项目接口文档:https://www.showdoc.cc/414855720281749?page_id=3678621017219602

1.uni-ui介绍

uni-app官方文档:https://uniapp.dcloud.io/api/README

uni-ui官方文档:https://uniapp.dcloud.io/component/README?id=uniui

uni-ui是DCloud提供的一个跨ui库,它是居于vue组件的,flex布局的,无dom的跨全端ui框架

ui-ui不包括基础组件,它是基础组件的补充

包含以下组件

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

2.安装uni-ui

npm i @dcloudio/uni-ui

 

3.使用组件

在 script 中引用组件

import {uniBadge} from '@dcloudio/uni-ui'
export default{
    components: {uniBadge}
}

 

  在 template 中使用组件



 

 

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