wuk-components v0.0.7

wuk-components

快速开始

直接使用npm安装

安装 wuk-components

npm i wuk-components --save-dev

在 script 中引用组件：

import wukLoading from 'wuk-components/lib/zc-loading/zc-loading.vue'
export default {
    components: {wukLoading}
}

在 template 中使用组件：

<zc-loading ref="loading"/>

::: danger 注意

• import组件的时候一定要按照上面的路劲来，路劲要给全，可省略后缀。

已支持的组件列表

基于uniapp、uview的个性化组件库

直接使用npm安装

安装 wuk-components

npm i wuk-components --save-dev

在 script 中引用组件：

import TopTabs from 'wuk-components/lib/top-tabs'
export default {
    components: {TopTabs}
}

在 template 中使用组件：

<top-tabs
  :list-data="topTabs.list"
  key-name="name"
  :current.sync="topTabs.current"
  @tabClick="tabsChangeFn"
/>

加载中状态

组件名：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

如何发布组件

我们只需要在/components/index/package.json文件里面修改版本号

然后npm login 登录npm

最后运行 npm run build:npm 即可发布