基于邮件兼容性设计的13个新控件建议(含NumericWidget系列抽象设计)
功能:创建视觉分隔线,支持多种样式(实线、虚线、点线),用于分割邮件内容区块,提升可读性。
设计理念:抽象出 NumericWidget 父类,统一实现 MetricWidget(指标)、PricingWidget(价格)、TrendWidget(趋势)三个子类,实现代码复用和一致性。
功能:显示星级评分或数字评分,支持不同评分系统,用于产品评价、服务评分、满意度调查结果。
功能:显示标签集合,支持不同颜色和样式,用于分类标识、技能标签、状态标记。
功能:结构化显示联系方式(电话、邮箱、地址等),用于联系卡片、公司信息、客服信息。
功能:显示社交媒体链接和图标,用于公司社交媒体推广、个人社交链接。
功能:显示徽章标识,支持数字徽章和状态徽章,用于通知数量、会员等级、认证标识。
功能:显示待办事项或检查项目,支持已完成/未完成状态,用于任务列表、检查清单、功能对比。
功能:垂直时间线展示,显示事件序列,用于项目进度、历史记录、发展历程。
功能:显示链接的缩略信息(标题、描述、图片),用于文章分享、产品链接、外部资源。
功能:2x2或3x3网格显示多个统计数字,用于数据仪表盘、多维度统计、概览信息。
功能:突出显示重要信息,不同于AlertWidget的简单样式,用于重要通知、特别说明、突出内容。
功能:显示格式化的代码片段,保持等宽字体和缩进,用于技术文档、API示例、配置示例。
def hello_world():
print("Hello, World!")
return "success"
if __name__ == "__main__":
hello_world()
{
"database": {
"host": "localhost",
"port": 3306,
"name": "myapp"
},
"debug": true
}
$ pip install email-widget $ python -m email_widget --version EmailWidget 1.0.0
以上13个新控件建议(通过抽象父类减少重复)都考虑了邮件环境的限制,避免了JavaScript、CSS动画和输入控件,主要使用:
建议优先实现:MetricWidget、SeparatorWidget、ContactWidget、CalloutWidget,它们在邮件报告中使用频率最高。