index.less 文件文章来源：https://www.toymoban.com/news/detail-803475.html
// 全局按钮颜色
@btn_background: #005298;
@btn_border-color: #6fa18d;// 默认的
@btn_border-color-highlight: #0598d3;// 高亮边框
@btn_border-color-success: #36be7e;// 成功边框
@btn_font_color: #fff;
// 边框颜色 背景色 文字颜色
.btn_public(@btn_bor_back:@btn_background,@btn_back:@btn_background,@btn_color:@btn_font_color){
border: 1px solid @btn_bor_back;
background: @btn_back;
color: @btn_color;
}
.display(@a:flex,@b:center,@c:center){
display: @a;
justify-content: @b;
align-items: @c;
}
页面用法
文章来源地址https://www.toymoban.com/news/detail-803475.html
.btn_details{
.btn_public();
}
.search_loading{
background: rgba(54, 190, 126, 0.6);
.display();
.el-icon-loading{
position: relative;
left: -0.5vw;
top: 0.1vw;
padding: 0;
margin: 0;
font-size: 0.8vw;
}
}
到了这里，关于定义公共样式css的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
