https://uniapp.dcloud.io/component/README?id=uniui
簡介
uni-ui是DCloud提供的一個跨端ui庫，它是基於vue組件的、flex布局的、無dom的跨全端ui框架。
uni-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 | 標簽 |
Calendar日歷組件使用示例
https://ext.dcloud.net.cn/plugin?id=56
導入組件
訪問上面的網址
選擇使用HBuilderX導入組件，這里可能需要你登錄，你注冊登錄一下就可以，完了之后會出現這個確認彈框
點擊確定，開始下載
下載完后，如上圖
將組件復制到對應目錄
使用
注意，可以直接使用不用引入，參考
https://ext.dcloud.net.cn/plugin?id=56
https://uniapp.dcloud.io/collocation/pages?id=easycom
這里還是使用傳統的方式，如
<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>
其他組件，可以參考官網