更新记录
1.1(2020-07-05) 下载此版本
更新说明细节指出,更新示例文档和md文档
1.0(2020-06-19) 下载此版本
第一次上传
平台兼容性
如何使用
1.引入
import xuanze from "../../components/Feng-List/xuanze.vue"
2.html使用
<xuanze @itemObj='itemObj' :text="'选择银行卡'" :data="arr" :bgflag='flag' @flagB='f1()'>
3.js定义数据
<script>
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
}
}
}
</script>