1.0.2 • Published 3 years ago
@mas.io/adc-address v1.0.2
安装
tnpm install --save @alipay/adc-address
组件介绍
新增/编辑收货地址组件
参数说明
属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|---|
btnBgColor | 否 | string | 提交按钮颜色 | #1677FF | #1677FF |
onComplete | 否 | Function | 点击保存按钮回调 | null | ()=>{} |
maxLen | 否 | string | 详细地址最大字数 | -1 | 100 |
btnMarginTop | 否 | string | 提交按钮的margin-top | 300rpx | 100rpx |
isShowDefault | 否 | Boolean | 是否显示默认地址操作栏 | true | false |
addressData | 否 | Object | 收货地址表单内容,用于编辑或回显收货地址内容 | null | {} |
addressData.name | 是 | string | 收货人 | '' | 张三 |
addressData.mobile | 是 | string | 手机号 | '' | 13300010002 |
addressData.region | 是 | Array | 所在地区 | [] | '四川','成都','武侯区' |
addressData.regionCode | 是 | Array | 所在地区编码 | [] | '510000', '510100', '510107' |
addressData.address | 是 | string | 详细地址 | '' | '天府三街xxx号' |
addressData.isDefault | 是 | Boolean | 默认地址 | false | true |
在小程序中使用
{
"usingComponents": {
"mas-adc-address": "@alipay/adc-address/es/index"
}
}
在 page.axml 中引用组件
<!-- 页面使用方式 -->
<mas-adc-address addressData="{{addressData}}" onComplete="onComplete"/>