更新记录

1.0.1（2023-03-28） 下载此版本

纯css加载中动画共18种，总有你心仪的一个，可以设置动画颜色和提示文字颜色，简单的设置瞬间提高你的应用层次感。

平台兼容性

kevy-loading

介绍

纯css加载中动画，可以设置动画颜色和提示文字颜色，简单的设置瞬间提高你的应用层次感。

方法和属性

使用说明

<template>
    <view class="content">
        <kevy-loading v-if="show" :transparent="false" :type='type' color="blue" tip-color="blue"
            tip="加载中..."></kevy-loading>
    </view>
</template>

<script>
    import kevyLoading from '@/components/kevy-loading/kevy-loading'
    export default {
        components: {
            kevyLoading
        },
        data() {
            return {
                //支持动画类型有：nb-spinner|bt-spinner|db-spinner|dbl-spinner|reverse-spinner|hm-spinner|triple-spinner|cm-spinner|multi-spinner|dot-loader|mesh-loader|heart-loader|ss-loader|ls-loader|bsm-loader|bsrm-loader|pacman-loader|bps-loader
                type: 'pacman-loader',
                show: true
            }
        }
    }
</script>

<style lang="scss" scoped>
    .content {
        width: 100vw;
        height: 100vh;
        box-sizing: border-box;
    }
</style>