更新记录

1.0.0（2023-04-29）

首次发布，有bug及时修复

平台兼容性

时间选择器

APP、H5、微信小程序都可以使用，其他可自行测试。

使用方法

在 template 中使用

<adress :data="datalist"></adress>

在 script 中使用

<script>
    import adress from '@/components/pretty-address-book/pretty-address-book.vue'
    export default {
        components: {
            adress
        },
        data() {
            return {
                datalist: [{
                        id: 1,
                        name: '张大炮',
                        headPortrait: 'https://img0.baidu.com/it/u=4060770951,4069855872&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1682874000&t=4b528a4d2d25b7073977f7e1a0c185da',
                        tel: '12345678910'
                    },
                    {
                        id: 12,
                        name: '王立',
                        headPortrait: 'https://img0.baidu.com/it/u=4060770951,4069855872&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1682874000&t=4b528a4d2d25b7073977f7e1a0c185da',
                        tel: '12345678910'
                    },
                    {
                        id: 13,
                        name: '徐东',
                        headPortrait: 'https://img0.baidu.com/it/u=4060770951,4069855872&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1682874000&t=4b528a4d2d25b7073977f7e1a0c185da',
                        tel: '12345678910'
                    },
                    {
                        id: 14,
                        name: '陈里',
                        headPortrait: 'https://img0.baidu.com/it/u=4060770951,4069855872&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1682874000&t=4b528a4d2d25b7073977f7e1a0c185da',
                        tel: '12345678910'
                    },
                    {
                        id: 15,
                        name: '刘强',
                        headPortrait: 'https://img0.baidu.com/it/u=4060770951,4069855872&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1682874000&t=4b528a4d2d25b7073977f7e1a0c185da',
                        tel: '12345678910'
                    },
                    {
                        id: 16,
                        name: '苟小刚',
                        headPortrait: 'https://img0.baidu.com/it/u=4060770951,4069855872&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1682874000&t=4b528a4d2d25b7073977f7e1a0c185da',
                        tel: '12345678910'
                    },
                    {
                        id: 17,
                        name: '汪苏泷',
                        headPortrait: 'https://img0.baidu.com/it/u=4060770951,4069855872&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1682874000&t=4b528a4d2d25b7073977f7e1a0c185da',
                        tel: '12345678910'
                    },
                    {
                        id: 18,
                        name: '何少',
                        headPortrait: 'https://img0.baidu.com/it/u=4060770951,4069855872&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1682874000&t=4b528a4d2d25b7073977f7e1a0c185da',
                        tel: '12345678910'
                    },
                    {
                        id: 19,
                        name: '贾坤',
                        headPortrait: 'https://img0.baidu.com/it/u=4060770951,4069855872&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1682874000&t=4b528a4d2d25b7073977f7e1a0c185da',
                        tel: '12345678910'
                    },
                    {
                        id: 111,
                        name: '川哥',
                        headPortrait: 'https://img0.baidu.com/it/u=4060770951,4069855872&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1682874000&t=4b528a4d2d25b7073977f7e1a0c185da',
                        tel: '12345678910'
                    }
                ],

            }
        },

    }
</script>

属性说明

说明

推荐新手可以拿去练手的一个开源小程序 穿搭Style小程序