更新记录
1.1.0(2021-03-29) 下载此版本
新手的 练手项目 有很多不完善的地方 欢迎各位大佬指正和提出 不胜感激。
1.0.0(2021-03-29) 下载此版本
无 练手项目
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | √ | × | √ | × | × | × | × |
bigCat-shop-adress
自定义 收货地址选择 模态框组件
使用方式:
在 script 中引用组件
import shopAdress from '@/components/shop-adress.vue';
export default {
components: {shopAdress}
}
基础使用方式
<shopAdress :adressShow="adressShow" :adressList="adressList" @cancelDialog="cancelDialog" @confirmDialog="confirmDialog" @addAddress = 'addAddress'></shopAdress>
属性说明:
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
adressShow | Boolean | 控制显示和隐藏 | |
adressList | Array | 地址集合 |
事件说明:
|事件名|说明 | |cancelDialog|点击取消时触发事件| |confirmDialog|点击确认按钮时触发事件| |addAddress|点击添加地址按钮时触发事件|
事件名称 | 说明 |
---|---|
cancelDialog | 点击取消时触发事件 |
confirmDialog | 点击确认按钮时触发事件 |
addAddress | 点击添加地址按钮时触发事件 |
其他
- 使用过程出现问题或有新的需求可在评论区留言。