uni-ui组件库的基本介绍和使用

uni-ui组件库的基本介绍和使⽤简介
uni-ui是DCloud提供的⼀个跨端ui库，它是基于vue组件的、flex布局的、⽆dom的跨全端ui框架。

uni-ui不包括基础组件，它是基础组件的补充。

相关组件
组件名说明
数字⾓标
⽇历
卡⽚
折叠⾯板
可下拉选择的输⼊框
倒计时
抽屉
悬浮按钮
收藏按钮
底部购物导航
宫格
图标
字母索引列表
列表
加载更多
⾃定义导航栏
通告栏
数字输⼊框
分页器
弹出层
评分
搜索栏
分段器
步骤条
滑动操作
轮播图指⽰点
标签
Calendar⽇历组件使⽤⽰例
导⼊组件
访问上⾯的⽹址
选择使⽤HBuilderX导⼊组件，这⾥可能需要你登录，你注册登录⼀下就可以，完了之后会出现这个确认弹框
点击确定，开始下载
下载完后，如上图
将组件复制到对应⽬录
使⽤
注意，可以直接使⽤不⽤引⼊，参考
这⾥还是使⽤传统的⽅式，如
<template>
<view>
<uni-calendar
:insert="true"
:lunar="true"
:start-date="'2019-3-2'"
:end-date="'2019-5-20'"
@change="change"
/>
</view>
</template>
<script>
import uniCalendar from '@/components/uni-calendar/uni-calendar.vue' export default {
components: {
uniCalendar
},
methods:{
change(e){
console.log("⽇历点击",e); }
}
}
</script>
其他组件，可以参考官⽹。