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>
view ui框架其他组件,可以参考官⽹
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论