安装

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"/>

Badges

[![install size][install-size-image]][install-size-url]