fix: button 样式 primary 与 default
This commit is contained in:
@@ -20,25 +20,21 @@
|
||||
height: 38px;
|
||||
line-height: 36px;
|
||||
padding: 0 18px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
border: 1px solid transparent;
|
||||
background-color: @button-primary-color;
|
||||
border-radius: @button-border-radius;
|
||||
border-color: @button-border-color;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
background: 0 0;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.layui-btn:hover {
|
||||
color: #fff;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
|
||||
.layui-btn:hover,
|
||||
.layui-btn:active {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.layui-btn + .layui-btn {
|
||||
@@ -56,25 +52,36 @@
|
||||
}
|
||||
|
||||
.layui-btn-primary {
|
||||
border-color: @button-border-color;
|
||||
background: 0 0;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.layui-btn-primary:hover {
|
||||
color: #333;
|
||||
color: #fff;
|
||||
background-color: @button-primary-color;
|
||||
border-color: @button-primary-color;
|
||||
}
|
||||
|
||||
.layui-btn-normal {
|
||||
color: #fff;
|
||||
background-color: @button-normal-color;
|
||||
border-color: @button-normal-color;
|
||||
}
|
||||
|
||||
.layui-btn-warm {
|
||||
color: #fff;
|
||||
background-color: @button-warm-color;
|
||||
border-color: @button-warm-color;
|
||||
}
|
||||
|
||||
.layui-btn-danger {
|
||||
color: #fff;
|
||||
background-color: @button-danger-color;
|
||||
border-color: @button-danger-color;
|
||||
}
|
||||
|
||||
.layui-btn-primary:hover,
|
||||
.layui-btn-normal:hover,
|
||||
.layui-btn-warm:hover,
|
||||
.layui-btn-danger:hover {
|
||||
color: #fff;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
|
||||
.layui-btn-lg {
|
||||
|
||||
@@ -14,7 +14,6 @@ import LayDropdown from "../dropdown";
|
||||
import LayPage from "../page";
|
||||
import LayIcon from "../icon";
|
||||
import "./index.less";
|
||||
import { AnyARecord } from "dns";
|
||||
|
||||
const tableId = guid();
|
||||
|
||||
@@ -102,6 +101,7 @@ const rowDoubleClick = function (data: any) {
|
||||
emit("row-double", data);
|
||||
};
|
||||
|
||||
// 打印 table 数据
|
||||
const print = function () {
|
||||
let subOutputRankPrint = document.getElementById(tableId) as HTMLElement;
|
||||
let newContent = subOutputRankPrint.innerHTML;
|
||||
@@ -112,6 +112,7 @@ const print = function () {
|
||||
document.body.innerHTML = oldContent;
|
||||
};
|
||||
|
||||
// 导出 table 数据
|
||||
const exportData = () => {
|
||||
const wb = XLSX.utils.book_new();
|
||||
let arr: any[] = [];
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
/** public.css 公共样式 */
|
||||
@@ -63,15 +63,27 @@
|
||||
--global-neutral-color-7: #cccccc;
|
||||
|
||||
--global-neutral-color-8: #c2c2c2;
|
||||
|
||||
}
|
||||
|
||||
body[lay-theme="dark"] {
|
||||
|
||||
--global-border-color: #d2d2d2;
|
||||
|
||||
--global-fore-color: #ffffff;
|
||||
|
||||
--global-back-color: #393d49;
|
||||
|
||||
--global-neutral-color-1: #FAFAFA;
|
||||
|
||||
--global-neutral-color-2: #F6F6F6;
|
||||
|
||||
--global-neutral-color-3: #eeeeee;
|
||||
|
||||
--global-neutral-color-4: #e2e2e2;
|
||||
|
||||
--global-neutral-color-5: #dddddd;
|
||||
|
||||
--global-neutral-color-6: #d2d2d2;
|
||||
|
||||
--global-neutral-color-7: #cccccc;
|
||||
|
||||
--global-neutral-color-8: #c2c2c2;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user