mvtk-plus
v0.0.43
Published
## 直接使用npm安装
Downloads
18
Readme
残联组件库
快速开始
直接使用npm安装
安装 mvtk-plus
npm i mvtk-plus --save-dev在 script 中引用组件：
import zcLoading from 'mvtk-plus/lib/zc-loading/zc-loading.vue'
export default {
components: {zcLoading}
}在 template 中使用组件：
<zc-loading ref="loading"/>::: danger 注意
- import组件的时候一定要按照上面的路劲来，路劲要给全，可省略后缀。
已支持的组件列表
|组件名|组件说明| |---|---| |echart|echart| |echart|echart|
加载中状态
组件名：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 | 是否全屏
加载中状态
组件名：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 | 是否全屏