跳至主要內容

Handsome设计规范

Anonymous小于 1 分钟TypechoHandsome高级功能主题

本章介绍handsome组件UI设计规范，和组件的调用方法，以便可以更轻松的进行美化。

handsome组件样式基于boostrap和Angulr基础上进行演进。相比较外部组件调用方式灵活，目前针对应用场景进行简化，目标非通用化。

::: warn 警告
handsome 8.4及其以上版本支持调用
:::

Message 全局提示

hd_ui.message({
    title: "消息标题",
    message: "消息文本",
    type: 'info', // 类型，包括4种：success.error,info,warning
    time: '5000', //可选，停留时间（毫秒），默认2000
    showClose:true, //可选，是否显示关闭按钮
    autoClose:true  //可选，是否自动关闭
});

Confirm dialog 确认框

hd_ui.confirm({
    title: "消息标题",
    text: "消息文本",
    confirmText:"知道了" //可选，确认按钮的文本
});

hd_ui.confirm({
    title: "消息标题",
    text: "消息文本"
});

待补充