设计规范
小于 1 分钟TypechoHandsome高级功能主题
本章介绍handsome组件UI设计规范,和组件的调用方法,以便可以更轻松的进行美化。
handsome组件样式基于boostrap和Angulr基础上进行演进。相比较外部组件调用方式灵活,目前针对应用场景进行简化,目标非通用化。
提示
handsome 8.4及其以上版本支持调用
Message 全局提示
- js 调用
hd_ui.message({
title: "消息标题",
message: "消息文本",
type: 'info', // 类型,包括4种:success.error,info,warning
time: '5000', //可选,停留时间(毫秒),默认2000
showClose:true, //可选,是否显示关闭按钮
autoClose:true //可选,是否自动关闭
});
Confirm dialog 确认框
- js 调用
hd_ui.confirm({
title: "消息标题",
text: "消息文本",
confirmText:"知道了" //可选,确认按钮的文本
});
hd_ui.confirm({
title: "消息标题",
text: "消息文本"
});
待补充
- markdown 排版 后续会将排版css 独立出来,以便可以自由更换该部分样式