更新记录
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组件库
- 在插件市场右上角选择 使用Hbuilder X导入插件
- 新建address.vue页面
<template>
<view class="page">
<wmAddress
:list="list"
@setDefault="handleSetDefault"
@choose="handleChoose"
@submit="handleSubmit"
@delete="handleDelete">
</wmAddress>
</view>
</template>
- 导入插件
import wmAddress from '@/uni_modules/wm-address/components/wm-address/wm-address.vue'
- 页面中添加以下方法
// 选择地址
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中的每个对象需包含以下字段
{
id: '',
name: '',
phone: '',
isDefault: false,
province: '',
city: '',
district: '',
address: ''
}
方法列表
名称 |
说明 |
参数 |
setDefault |
设为默认地址 |
data: 地址信息 |
choose |
选择地址 |
data: 地址信息 |
submit |
新增或修改地址 |
data: 地址信息,有id为修改地址,否则为新增地址 |
delete |
删除地址 |
data: 地址信息 |