手册版本 V5.0
组件介绍
gui-area-picker 地区联动选择组件可以实现省市区三级地区联动选择。
地区数据
级联数据以 .js 文件形式存储在 :
GraceUI5/data/city-data/province.js // 省 GraceUI5/data/city-data/city.js // 市 GraceUI5/data/city-data/area.js // 区
如项目需要对数据或者组件进行修改，请复制一份组件及数据文件，然后改成自己的组件调用（ 这样不影响框架升级 ）。
组件名称
gui-area-picker : /graceUI/组件目录/gui-area-picker
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| cancelText | String | 取消 | 取消按钮文本 |
| cancelClass | String | gui-color-gray | 取消按钮样式 |
| confirmText | String | 确定 | 确定按钮文本 |
| confirmClass | String | gui-primary-color | 确定按钮样式 |
| value | Array | ['', '', ''] | 默认值 |
| level | Number | 3 | 联动层级 1-3 |
| indicatorStyle | String | height:36px; line-height:36px; | 选项样式 |
组件方法
01. open() 打开组件
02. close() 关闭组件
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
