LJSLoading

说明

全局彩色loading。

独立使用

<LJSLoading v-if="loading.show">{{loading.text}}</LJSLoading>

import { LJSLoading } from 'ljs-tools';
export default {
  data() {
    return {
      loading: {
        show: false,
        test: '加载中....'
      }
    };
  },
  components: {
    LJSLoading
  },
  mounted() {
    this.loading.show = true;
  }
};

V3JS框架使用

<LJSLoading v-if="$store.state.loading.tag">{{$store.state.loading.text}}</LJSLoading>

export default {
  data() {
    return {
    };
  },
  mounted() {
    this.$store.commit('loadingStore', { 
      tag: true, 
      text: '加载中....'
    }); 

    setTimeout(() => { 
      this.$store.commit('loadingStore', { 
        tag: false, 
        text: '加载中....'
      }); 
    }, 3000); 
  }
};

主参数

参数	类型	必填	默认值	参考值	说明
speed	Number	×	3		转速，单位秒。
gaussian	Number	×	1		高斯模糊。
bgOpacity	Number	×	0.5		背景透明度，0~1的数字。
textColor	String	×	#FFF		solt字体颜色。

插槽

插槽名	说明
default	loading环内元素。