更新记录
v1.0.0(2021-09-14) 下载此版本
无
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 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;
}