更新记录
1.0.0(2019-08-03)
下载此版本
第一个版本
平台兼容性
异步switch组件
使用方式:
在 script
中引用组件
import asyncSwitch from "@/components/helang-asyncSwitch/helang-asyncSwitch.vue"
export default {
components: {
"async-switch":asyncSwitch
}
}
在 template
中添加组件
<async-switch :checked="checked1" @change="change1"></async-switch>
属性说明:
属性名 |
类型 |
默认值 |
说明 |
checked |
Boolean |
false |
是否选中 |
disabled |
Boolean |
false |
是否禁用 |
color |
Color |
#007aff |
组件颜色 |
disabledColor |
Color |
#e5e5e5 |
组件禁用状态颜色 |
事件说明:
事件名 |
说明 |
@change |
组件被点击时触发的函数 |
使用示例:
import asyncSwitch from "@/components/helang-asyncSwitch/helang-asyncSwitch.vue"
export default {
components: {
"async-switch":asyncSwitch
},
data() {
return {
checked1:true
}
},
methods: {
change1(){
uni.showLoading({
title:"正在请求",
mask:true
})
setTimeout(()=>{
uni.hideLoading();
/* 设置 switch 组件是否选中的状态 */
this.checked1=!this.checked1;
},1000);
}
}
}
友情提示:
- 当前项目源码使用了 ES6 和 scss 请添加运行依赖
- [插件ZIP]只包含模板文件和数据文件,不包含项目运行依赖(如 pages.json)
- [示例项目ZIP]是完整的项目文件,可下载后导入 HBuilderX 中直接运行体验
- 文件下载在当前页面的上部靠右位置,有 [下载插件ZIP] [下载示例项目ZIP] 按钮,点击即可下载