使用APICloud AVM框架封装通讯录组件

由于很多项目中都会用到通讯录,所有就封装了一个通讯录的组件,实现了可通过字母检索,拨打电话功能。

效果展示

使用APICloud AVM框架封装通讯录组件_第1张图片

用的技术点是scroll-view中的scrollTo方法。

使用APICloud AVM框架封装通讯录组件_第2张图片

向组件中传值和监听子组件事件,具体使用可参考官方文档

使用APICloud AVM框架封装通讯录组件_第3张图片

数据格式

[{
    "zkey": "A",
    "children": [{
        "name": "安强",
        "phone": "11111111111",
        "zkey": "A"
    }]
}, {
    "zkey": "B",
    "children": [{
        "name": "边亮",
        "phone": "11111111111",
        "zkey": "B"
    }, {
        "name": "白菊",
        "phone": "11111111111",
        "zkey": "B"
    }, {
        "name": "贺之",
        "phone": "11111111111",
        "zkey": "B"
    }, {
        "name": "白梓",
        "phone": "11111111111",
        "zkey": "B"
    }, {
        "name": "卜军",
        "phone": "11111111111",
        "zkey": "B"
    }]
}]

组件代码




其他页面的引用




你可能感兴趣的:(使用APICloud AVM框架封装通讯录组件)