1.资源文件准备

2.整理代码如下

1.md常用按钮(可选点击自带墨水波纹的按钮)

平铺按钮

默认按钮

主要按钮

强调按钮

警告按钮

凸起按钮

组合使用按钮

无风格按钮

禁用按钮

2.图标文字按钮

默认按钮

凸起按钮

主要按钮

123警告按钮

3.圆形图标按钮

4.图标按钮

5.自定义小按钮

.custom-btn-sm {

min-height: 2rem;

height: 2rem;

line-height: 2rem;

padding: 0 4px;

font-size: 12px;

min-width: 40px;

}

.md-button.custom-btn-bgcolor {

background-color: #009ddc;

color: #fff;

}

.md-button.custom-btn-bgcolor:not([disabled]):hover {

background-color: #ccc;

/* color:#009ddc; */

}

主要按钮

警告按钮

强调按钮

自定义背景色按钮

3.效果图如下

demo.png