uniapp 封裝的插件集合 包括：無限級選擇器，TAB滑動切換，圓形進度條，上拉加載影片，影片使用，通用彈窗等，
作者：神夜
QQ:564379992
交流群：942832552
插件下載地址：https://gitee.com/sywlgzs/uniapp-componentsuniapp 插件集合大全: uniapp 封裝的插件集合 包括：無限級選擇器，TAB滑動切換，圓形進度條，上拉加載影片，影片使用，通用彈窗等，
插件預覽地址：http://diy.hsycms.com/uniapp-components
效果圖：
使用注意事項：
使用插件首請先安裝： npm install @dcloudio/uni-ui
在page.json中加入代碼
//自動引入組件
"easycom": {
"autoscan": true,
"custom": {
"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
}
}
在App.vue中引入公共樣式
<style>
::-webkit-scrollbar{ width: 0; height: 0; color: transparent; }
.flex{ display: flex; align-items: center;}
.between{ display: flex; align-items: center; justify-content: space-between;}
.center{ display: flex; align-items: center; justify-content:center; }
</style>一、可滑動tab切換插件 u-scroll-tab
引數說明：tabs 滑動陣列集合 scroll [true|false]是否滑動 color 顏色
事件說明：@click 點擊事件
二、通用彈窗插件 u-alert
引數說明：type [1 普通彈窗| 2詢問彈窗| 3帶輸入內容彈窗]彈窗型別; content 彈窗內容
事件說明：@confirm 點擊確定事件 @cancel 點擊取消事件
三、checkbox 插件 u-checkbox
引數說明：checked [true|false] 選中狀態
事件說明：@change 點擊事件
四、無限級選擇插件 u-duoselect
引數說明：具體查看插件 資料源可點擊的時候請求，也可一次性傳入
事件說明：@select 點擊確定選擇事件
五、圓形進度條插件 u-circlebar
引數說明：percent [0~100] 當前進度 color 顏色
六、影片插件 u-transition
引數說明: type [scale放大|up由上往下|down由下往上] 影片型別; show [true|false] 顯示影片
七、通用上拉加載影片為空占位圖 u-loading
引數說明：empty [true|false] 是否為空資料; nomore [true|false] 是否加載完成
默認都為false 當沒有資料時將empty 和 nomore都設為true
當有資料時將 nomore加載完成時設為true; empty 為 false
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/301056.html
標籤：其他
上一篇：vue組件間通信六種方式