0.0.3 • Published 3 years ago
zc-plugins-vue v0.0.3
易展翅组件库
快速开始
直接使用npm安装
安装 zc-plugins
npm i zc-plguins --save-dev
在 script
中引用组件:
import loading from 'zc-plugins-vue/lib/loading/loading.vue'
export default {
components: {loading}
}
在 template
中使用组件:
<loading ref="loading"/>
::: danger 注意
- import组件的时候一定要按照上面的路劲来,路劲要给全,可省略后缀。
已支持的组件列表
组件名 | 组件说明 |
---|---|
加载状态 | 加载状态 |
加载中状态
组件名:zc-loading 代码块:
zcLoading
关联组件:zc-loading
用意在于替换官方的uni.showLoading()方法。
注意事项 为了避免错误使用,给大家带来不好的开发体验,请在使用组件前仔细阅读下面的使用说明,可以帮你避免一些错误。
基本用法
<!-- loading -->
<our-loading isFullScreen ref="loading" />
export default {
components: {},
data() {
return {
}
},
methods: {
open(){
this.$refs.loading.open()
},
close(){
this.$refs.loading.close()
}
}
}
API
Rate Props
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
translateY | Number | 100 | 距顶部的距离 |
text | String | 加载中的文案 | |
textColor | String | #65cf6b | 文案颜色 |
isFullScreen | Boolean | false | 是否全屏 |