更新记录

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>