更新记录

1.1.0(2025-06-13) 下载此版本

1、优化插件调用 2、增加使用文档

1.0.0(2024-08-11) 下载此版本

初次提交


平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
-

其他

多语言 暗黑模式 宽屏模式
× ×

基于uview2.0封装的通用收货地址组件

介绍

包含常用的收货地址列表,新增、修改、删除地址,设置默认地址,选择地址等功能

开始使用

本插件依赖uview2.0,需先自行引入uview2.0组件库

  1. 在插件市场右上角选择 使用Hbuilder X导入插件
  2. 新建address.vue页面
    <template>
    <view class="page">
        <wmAddress 
            :list="list" 
            @setDefault="handleSetDefault" 
            @choose="handleChoose" 
            @submit="handleSubmit" 
            @delete="handleDelete">
        </wmAddress>
    </view>
    </template>
  3. 导入插件
    import wmAddress from '@/uni_modules/wm-address/components/wm-address/wm-address.vue'
  4. 页面中添加以下方法
    // 选择地址
    handleChoose(data) {
        uni.$emit('addressChoosed', data)
        uni.navigateBack()
    },
    // 设置默认地址
    handleSetDefault(data) {
        console.log(data)
    },
    // 添加或编辑地址(data中有id即为编辑,否则为添加)
    handleSubmit(data) {
        console.log(data);
    },
    // 删除地址
    handleDelete(data) {
        console.log(data);
    }

属性列表

属性 类型 默认值
list Array []
// list中的每个对象需包含以下字段
{
    id: '',
    name: '',
    phone: '',
    isDefault: false,
    province: '',
    city: '',
    district: '',
    address: ''
}

方法列表

名称 说明 参数
setDefault 设为默认地址 data: 地址信息
choose 选择地址 data: 地址信息
submit 新增或修改地址 data: 地址信息,有id为修改地址,否则为新增地址
delete 删除地址 data: 地址信息

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问