Mvtk-plus NPM | npm.io

残联组件库

快速开始

直接使用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()
        }
	}
}