更新记录

v1.0.0(2021-09-14)


平台兼容性

Vue2 Vue3
×
App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用
2.8.11 app-vue × × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × ×

说明

小程序通信录、电话簿,右侧首字母快速筛选,联系人上下滑动右侧快速筛选联动,名字筛选;普通数据列表即可,组件自动处理;使用简单;如果功能仍然不满足,可以自己修改,代码超级简单易懂。

目前主要测试了小程序,理论上APP应该也支持,其他小程序不支持。
如果对您有帮助,可以赞赏作者一个大洋,万分感谢。作者会增加更多大家需要的组件。
安徽方创信息

使用

contacts:普通列表数据即可,联系人格式有组件处理; contacts: [{ Id: "A1", NameK: 'A', Name: '测试A1', HeadImg: "", Tel: "13212345678", Desc: "" },
{ Id: "A2", NameK: 'A', Name: '测试A2', HeadImg: "", Tel: "13212345678", Desc: "" },
{ Id: "A3", NameK: 'A', Name: '测试A3', HeadImg: "", Tel: "13212345678", Desc: "" },
{ Id: "B1", NameK: 'B', Name: '测试B1', HeadImg: "", Tel: "13212345678", Desc: "" },
{ Id: "B2", NameK: 'B', Name: '测试B2', HeadImg: "", Tel: "13212345678", Desc: "" },
{ Id: "G1", NameK: 'G', Name: '测试G1', HeadImg: "", Tel: "13212345678", Desc: "" }]
其中,NameK为快速搜索词,26个英语字母,必须大写, NameK、Name、HeadImg、Tel必传字段

showflag:是否显示右侧快速搜索工具,默认显示

<fc-contacts :contacts="contacts"></fc-contacts>

工具方法

export const objectIsValid = param => {
    if (param === undefined || param === "undefined" || param === null||param=="") {
        return false;
    }
    var tt = typeof param;
    switch (tt) {
        case "string":
            return isStrValid(param);
            break;
        case "object":
            return Object.keys(param).length > 0;
            break;
        case "number":
            return !!param;
            break;
        case "boolean":
            return param;
            break;
        default:
            return Boolean(param);
            break;
    }
}
export function isStrValid(strobj) {
    if (typeof strobj === "undefined" || strobj === null) {
        return false;
    }
    var tmpStr = String(strobj);
    return tmpStr.trim().length > 0;
}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问