html选择地址的插件,选择银行卡选择卡号选择地址弹窗

更新记录

1.1(2020-07-05)

更新说明细节指出，更新示例文档和md文档

1.0(2020-06-19)

第一次上传

查看更多

如何使用

1.引入

import xuanze from "../../components/Feng-List/xuanze.vue"

2.html使用

3.js定义数据

import xuanze from "../../components/Feng-List/xuanze.vue"

export default{

components:{

xuanze

},

data(){

return{

arr:[

{logo:'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1415096873,1029802480&fm=26&gp=0.jpg',

banknum:'422319988009988550',

bankusername:'张三',

title:'中国银行'},

{logo:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1593889786260&di=2ea09dad20e84b76dd7f6b524f41269f&imgtype=0&src=http%3A%2F%2Fh.hiphotos.baidu.com%2Fbaike%2Fw%3D268%2Fsign%3D7374313519d8bc3ec60801ccba8aa6c8%2F9345d688d43f8794bb37cc21d21b0ef41ad53af0.jpg',

banknum:'422319988009988550',

bankusername:'张五',

title:'农业银行'},

{logo:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1593890029896&di=af16d25637c3ff431528299cd6707188&imgtype=0&src=http%3A%2F%2Fwww.jettech.cn%2Fuploads%2F20180412%2F165a273f98dd5a840ea454f349b29b45.jpg',

banknum:'422319988009988550',

bankusername:'李四',

title:'中原银行'},

{logo:'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2845722162,2502679462&fm=26&gp=0.jpg',

banknum:'422319988009988550',

bankusername:'王五',

title:'工商银行'},

{logo:'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2285800369,2708342429&fm=26&gp=0.jpg',

banknum:'422319988009988550',

bankusername:'周六',

title:'建设银行'},

{logo:'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2098148495,770902948&fm=26&gp=0.jpg',

banknum:'422319988009988550',

bankusername:'秦七',

title:'交通银行'},

{logo:'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3732518676,734234649&fm=26&gp=0.jpg',

banknum:'422319988009988550',

bankusername:'马八',

title:'成都银行'},

{logo:'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=130222412,226339504&fm=26&gp=0.jpg',

banknum:'422319988009988550',

bankusername:'海九',

title:'兴业银行'},

{logo:'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3985236652,216623223&fm=26&gp=0.jpg',

banknum:'422319988009988550',

bankusername:'周九',

title:'长安银行'},

],

flag:false

}

},

methods:{

itemObj(e){

console.log(e)

},

f1(){

this.flag=!this.flag

}

}

}