Emui

# 使用

最朴实无华的组件，组件库的核心,e 码当先团队为您提供了五种属性选择，供您在各种开发环境下运行，您只需要通过type属性来设置

# 普通的按钮

取消 确认 确认 测试 测试 测试 测试 测试
<emui-button type="default">取消</emui-button>
<emui-button type="primarywhite">确认</emui-button>
<emui-button type="primarygold">确认</emui-button>
<emui-button type="successwhite">测试</emui-button>
<emui-button type="successgold">测试</emui-button>
<emui-button type="warning">测试</emui-button>
<emui-button type="dangerwhite">测试</emui-button>
<emui-button type="dangergold">测试</emui-button>
1
2
3
4
5
6
7
8
Expand Copy

# 圆边

取消 确认 确认 测试 测试 测试 测试 测试
<emui-button type="default" round>取消</emui-button>
<emui-button type="primarywhite" round>确认</emui-button>
<emui-button type="primarygold" round>确认</emui-button>
<emui-button type="successwhite" round>测试</emui-button>
<emui-button type="successgold" round>测试</emui-button>
<emui-button type="warning" round>测试</emui-button>
<emui-button type="dangerwhite" round>测试</emui-button>
<emui-button type="dangergold" round>测试</emui-button>
1
2
3
4
5
6
7
8
Expand Copy

# 朴素

取消 确认 确认 测试 测试 测试 测试 测试
<emui-button type="default" plain>取消</emui-button>
<emui-button type="primarywhite" plain>确认</emui-button>
<emui-button type="primarygold" plain>确认</emui-button>
<emui-button type="successwhite" plain>测试</emui-button>
<emui-button type="successgold" plain>测试</emui-button>
<emui-button type="warning" plain>测试</emui-button>
<emui-button type="dangerwhite" plain>测试</emui-button>
<emui-button type="dangergold" plain>测试</emui-button>
1
2
3
4
5
6
7
8
Expand Copy

# 禁用

取消 确认 确认 测试 测试 测试 测试 测试
<emui-button type="default" disabled>取消</emui-button>
<emui-button type="primarywhite" disabled>确认</emui-button>
<emui-button type="primarygold" disabled>确认</emui-button>
<emui-button type="successwhite" disabled>测试</emui-button>
<emui-button type="successgold" disabled>测试</emui-button>
<emui-button type="warning" disabled>测试</emui-button>
<emui-button type="dangerwhite" disabled>测试</emui-button>
<emui-button type="dangergold" disabled>测试</emui-button>
1
2
3
4
5
6
7
8
Expand Copy

# 椭圆

取消 确认 确认 测试 测试 测试 测试 测试
<emui-button type="default" circle>取消</emui-button>
<emui-button type="primarywhite" circle>确认</emui-button>
<emui-button type="primarygold" circle>确认</emui-button>
<emui-button type="successwhite" circle>测试</emui-button>
<emui-button type="successgold" circle>测试</emui-button>
<emui-button type="warning" circle>测试</emui-button>
<emui-button type="dangerwhite" circle>测试</emui-button>
<emui-button type="dangergold" circle>测试</emui-button>
1
2
3
4
5
6
7
8
Expand Copy

# Attributes

# 1、button 颜色属性

属性 属性值 说明
default String 常规
primarywhite String 白字
primarygold String 金字
successgold String 成功白
successgold String 成功金
dangerwhite String 危险白
dangergold String 危险金

# 2、button 属性

属性 属性值 说明
default String 常规
round String 圆边
plain String 朴素按钮
disabled String 禁止使用
circle String 椭圆

dialog →