weex-ui的wxc-loading组件扩展,支持自定义gif、尺寸等

weex-ui官网的wxc-loading加载提示组件,可能因为时间紧急吧,一些扩展性做的不够好,看了代码就清楚了比如这里把一些东西写死了:
weex-ui的wxc-loading组件扩展,支持自定义gif、尺寸等_第1张图片
image.png
weex-ui的wxc-loading组件扩展,支持自定义gif、尺寸等_第2张图片
image.png

当我们直接引入weex-ui并想使用wxc-loading组件时这些写死的地方往往会限制我们的使用,比如只能用它提供的gif图,如果产品经理要我们换图就歇菜了。这些也只有自己用到它的时候才会体会到吧...所以我在wxc-loading的基础上稍微扩展了一下,让gif图、遮罩层的尺寸、背景颜色、提示文字的颜色能够自定义传入,实现扩展。
把weex-ui的wxc-loading组件单独拎出来,做成一个vue文件,命名为wxc-loadingsp.vue,整个wxc-loadingsp.vue代码如下(好像不能传文件,这里直接贴完整组件代码,有需要的小伙伴直接拷贝就好):










放到文件夹后,import后这么使用


    
       

 import WxcLoadingsp from './components/wxc-loadingsp.vue';

  components: {
    WxcLoadingsp
  },


你可能感兴趣的:(weex-ui的wxc-loading组件扩展,支持自定义gif、尺寸等)