【快捷指令案例】 制作名片

小溪彼岸
491 阅读4分钟

语法格式

1.基本结构

卡片的基本结构需要包含开始、版本号及结束

  • "BEGIN:VCARD"：用来标记开始

  • "VERSION:3.0"：表示使用的 vCard 版本

  • "END:VCARD"：用来标记结束

BEGIN:VCARD
VERSION:3.0


END:VCARD

2.个人信息

  • N: 姓名（格式：姓;名;中间名;前缀;后缀）

  • FN: 完整显示名称

  • ORG: 组织/公司名称

  • TITLE: 职位头衔

// 示例
N:张;三;;;
FN:张三
ORG:示例公司
TITLE:软件工程师

图片

3. 头像

// 格式
PHOTO;VALUE=图片链接
PHOTO;ENCODING=b:base64图片

# 1. 使用URL链接(最简单的方式,测试发现链接形式加载不出来)
BEGIN:VCARD
VERSION:3.0
FN:张三
PHOTO;VALUE=URL:https://profile-avatar.csdnimg.cn/e00989e1b15d4c00b51e41d2ffe0c06f_u013308496.jpg
END:VCARD

# 2. 使用Base64编码的JPEG图片
BEGIN:VCARD
VERSION:3.0
FN:张三
PHOTO;ENCODING=b;TYPE=JPEG:/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwM
 EBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQME
 BAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU
 FBQUFBT/wAARCAAIAAgDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABgUI/8QAJhAAAgEDAQ
 cFAQAAAAAAAAAAAQIDBAURAAYSITFBYXETIjJRgf/EABYBAQEBAAAAAAAAAAAAAAAAAAYFB//EACcR
 AAEDAgMHBQAAAAAAAAAAAAECAxEABAUhMQYSQVFxgRMiYaHR/9oADAMBAAIRAxEAPwBofUVtngNPb
 IXq6+Y7sUEYy7H7PYDqTwA1PU7H7YWdllr9nK5UGN4vWiYn6O6QPsaNJ7N2n+YiVtRcrhVsryyzT
 GWRm5kljk/usHeiBGIkIUeB0tbLX8Qw5VsVrSseyAShB4EpGhGhBgxB3lTdqbJT0u3wuFvtUpSok
 USyxbxGZY3KghuOeA4c9JtJo6x1u0NFeKrZ6OmhqaeNz6B3pN9vaDg8h3451/NdWxVwvDr1Nsg70
 yVIWoQqVKCfcMtUkZcctCP//Z
END:VCARD

4.联系方式

// 格式
TEL;TYPE=类型(工作|家庭|手机),类型(voice|video|fax):号码

‍TYPE参数的值有：

  • home：表示家庭电话

  • work：工作电话

  • cell：表示手机电话

  • msg：表示这个号码支持语音

  • pref：表示多个电话中最喜欢使用的电话

  • voice：声音电话号码

  • fax：传真号码

  • video：视频电话

  • pager：调度电话，估计是总机的电话

  • bbs：公开的广播系统的电话

  • modem：调制解调器电话

  • car：汽车电话

  • isdn：ISDN连接电话号码

// 示例
TEL;TYPE=WORK,VOICE:+86-10-12345678
TEL;TYPE=CELL,VOICE:+86-138-0000-0000

图片

5.地址

# 基本格式
ADR;TYPE=type:邮政信箱;单位;街道地址;城市;省/州;邮政编码;国家

# 带有转义的地址（包含分号和逗号的情况）
ADR;TYPE=HOME:;;南山路123号\, 蓝月湾花园;深圳;广东;518000;中国

# 多语言地址示例
ADR;TYPE=WORK;LANGUAGE=zh-CN:;;建国路1号;北京;北京;100010;中国
ADR;TYPE=WORK;LANGUAGE=en:;;1 Jianguo Road;Beijing;Beijing;100010;China

ADR;TYPE=WORK:;;望京街123号;北京;北京;100102;中国
ADR;TYPE=WORK:P.O.Box 101;腾讯大厦;科技中路789号;深圳;广东;518057;中国

图片

6.邮箱、主页、生日

// 格式
EMAIL;TYPE=类型(WORK|HOME):邮箱@cc.com
URL:链接🔗
BDAY:日期

// 示例
EMAIL;TYPE=WORK:zhangsan@example.com
URL:http://www.example.com
BDAY:19900101

图片

7.备注

// 备注格式
NOTE:备注说明

// 示例
NOTE:这是一个备注说明

图片

实现

1.词典配置

将需要的数据配置到词典统一管理

图片

2.提供菜单

提供两个菜单选项供选择

  • HTML卡片：以名片形式展示

  • 通讯录卡片：以通讯录格式展示

图片

使用 HTML 组合名片样式，使用【从HTML制作多信息文本】将 HTM****L 转为多信息文本

图片

使用 VCARD 格式填充联系人信息并使用【设定名称】将 VCARD 信息文本修改为 vcf 格式文件

图片

为 VCARD 数据提供添加到联系人功能

图片

完整示例预览

图片

快捷指令口令

见原文：【快捷指令案例】 制作名片)

本文同步自微信公众号 "程序员小溪" ，这里只是同步，想看及时消息请移步我的公众号，不定时更新我的学习经验。

avatar
文章
阅读
粉丝