更新记录
1.0(2024-07-20)
下载此版本
上线省市区三级联动插件(一级-二级-三级)
平台兼容性
HbuilderX/cli最低兼容版本 |
3.8.0 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
1.一个闲着无聊的前端开发人员小彬,给大家分享点实用干货。有兴趣欢迎点赞收藏。
2.有疑问联系QQ173-2755-058哦。
3.插件如果有帮助到你的,请给me一个小小的收藏,谢谢大家支持。
4.遇到bug欢迎大家在下面留言或私信我,我会积极更新优化出更好的产品给大家。
5.项目实例请查看 @/components/BinBin-picker/w-picker.vue
以下是插件使用方法:
参数 |
说明 |
类型 |
默认值 |
可选值 |
visible.sync |
显示与隐藏 |
boolean |
FALSE |
TRUE |
mode |
picer类型 |
string |
/ |
selector/shortTerm /region/range /half/time |
themeColor |
确认按钮样式 |
string |
#c49326 |
/ |
value |
默认选择地址 |
Array |
["110000", "110100", "110101"] |
/ |
expand |
最近日期天数 |
string/number |
/ |
/ |
columns |
单列选择数据 |
{}Array |
/ |
/ |
@cancel |
点击取消 |
/ |
/ |
/ |
@confirm |
点击确认 |
/ |
/ |
/ |
<template>
<view class="content">
<bin-picker :visible.sync="show1" mode="selector" themeColor="#c49326" @changeStatus="changeStatus1"
:options="columns" @confirm="confirm1($event,'selector')" @cancel="cancel1" ref="selector"></bin-picker>
</view>
</template>
<script>
import binPicker from '@/components/BinBin-picker/w-picker.vue'
export default {
components: {
binPicker
},
data() {
return {
show1: false,
columns: [{
label: '中国',
value: 0,
id: 1
},
{
label: '美国',
value: 1,
id: 2
},
{
label: '俄国',
value: 2,
id: 3
}
]
}
},
onLoad() {
},
methods: {
confirm1(e) {
console.log(e, '第一个')
this.show1 = false
},
cancel1() {
this.show1 = false
},
changeStatus1(status) {
this.show1 = status
}
}
}
</script>
<style>
</style>