更新记录

1.0.0（2024-11-18） 下载此版本

初始组件

平台兼容性

wsx-loading 全局设定 Js调用 自定义加载动画 loading页 Gif 全端通用

组件名：wsx-loading 关联组件：loading、wsx

wsx-loading，全局设定，H5,Js调用，自定义加载动画，美观的loading组件，可定制loading组件，支持微信小程序，H5，app等多端组件。

自定义描述：

遮罩颜色：修改 .wsx-loading-mask class 中的 background-color 属性 自定义动画：1.当动画为图片时，修改.wsx-loading-animate 中background 属性图片 animation为旋转属性 2.当动画为Gif时，修改.wsx-loading-animate 中background 属性gif图 注掉animation旋转属性 .wsx-loading-animate 中 width height 修改图片宽高

使用方式：

H5可在项目全局配置 JS调用 非H5component组件使用

在 script 中引用组件

<script>
export default {
    data() {
        return {
            loading: false
        }
    },
    onLoad() {
        this.open()
    },
    methods: {
        open() {
            // #ifndef H5
            this.loading = true
            // #endif
            // #ifdef H5
            this.$loading.show()
            // #endif
        },
        close() {
            // #ifndef H5
            this.loading = false
            // #endif
            // #ifdef H5
            this.$loading.hide()
            // #endif
        }
    }
}
</script>

在 main.js 中使用组件

// #ifdef H5
import Loading from '@/uni_modules/wsx-loading/loading.js'
Vue.use(Loading)
// #endif
import wsxLoading from "@/uni_modules/wsx-loading/wsx-loading.vue"
Vue.component('wsx-loading', wsxLoading);