更新记录
1.0.0(2024-12-25)
下载此版本
发布
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
× |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
- |
- |
- |
- |
- |
√ |
- |
- |
- |
其他
dl-spin
props属性
属性 |
类型 |
默认值 |
说明 |
loading |
boolean |
false |
是否显示加载动画 |
tip |
string |
- |
加载中提示,支持自定义插槽 |
Slots插槽
使用示例
<template>
<view >
<dl-spin :loading="loading" tip="加载中">
<view class="container">
加载loading动画
</view>
</dl-spin>
</view>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const loading = ref(true)
setTimeout(()=>{
loading.value = false
uni.showToast({
title:'加载成功,关闭loading'
})
},3000)
</script>
<style lang="scss" scoped>
.container{
height: 50vh;
padding: 24rpx;
display: flex;
justify-content: center;
}
</style>