更新记录
1.0.2(2024-05-26) 下载此版本
1.修改关闭窗口报错问题; 2.修复未完全选择取消操作再进行选择显示异常问题; 3.优化已选择项高亮显示;
1.0.1(2024-04-19) 下载此版本
1.优化代码结构; 2.修复某些情况不能选择的bug;
1.0.0(2024-04-05) 下载此版本
First Blood!
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.6.11 app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
sx-address-picker
SxAddressPicker 地址选择器
组件名:sx-address-picker
介绍
该组件高仿淘宝地址省市区区域的picker交互效果,效果基本一致。
安装方式
本组件符合easycom规范,HBuilderX 2.5.5
起,只需将本组件导入项目,在页面template
中即可直接使用,无需在页面中import
和注册components
。
基本用法
更多示例请下载示例安装查看。该组件依赖官方ui组件uni-icons、uni-list、uni-load-more、uni-popup、uni-transition,如果项目本身已导入uni-ui,请忽略。 两个json文件在示例包static文件下,自己引入或自建cdn
<sx-address-picker v-model="addressPopup" @confirm="addressConfirm"/>
API
Props
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
value | Boolean | false | 控制picker是否显示,可使用v-model进行控制。 |
selected | Array | [] | 可选,默认回显的选项。 |
Events
事件称名 | 说明 | 返回参数 |
---|---|---|
confirm | 当点击完成选择时发出 | 用户选择完毕/收起菜单,触发confirm事件,event=[] |
名人语录
每个人都会有缺陷,就像被上帝咬过的苹果,有的人缺陷比较大,正是因为上帝特别喜欢他的芬芳。——托尔斯泰(俄国)