0.0.2 • Published 10 months ago
zc-plugins1 v0.0.2
易展翅组件库
快速开始
直接使用npm安装
安装 zc-plugins
npm i zc-plguins --save-dev
在 script
中引用组件:
import zcLoading from 'zc-plugins/lib/zc-loading/zc-loading.vue'
export default {
components: {zcLoading}
}
在 template
中使用组件:
<zc-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 | 是否全屏 |
如何发布组件
我们只需要在/components/index/package.json文件里面修改版本号
然后npm login 登录npm
最后运行 npm run build:npm 即可发布
0.0.2
10 months ago