feat: 账号数据看板/ 统一table、checkbox组件样式
This commit is contained in:
31
src/styles/components/checkbox.scss
Normal file
31
src/styles/components/checkbox.scss
Normal file
@ -0,0 +1,31 @@
|
||||
.arco-checkbox {
|
||||
.arco-checkbox-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-color: #d7d7d9;
|
||||
}
|
||||
&.arco-checkbox-disabled {
|
||||
.arco-checkbox-icon {
|
||||
background-color: #f2f3f5;
|
||||
border-color: #d7d7d9;
|
||||
}
|
||||
&.arco-checkbox-checked {
|
||||
.arco-checkbox-icon {
|
||||
background-color: #A794FE !important;
|
||||
}
|
||||
}
|
||||
&.arco-checkbox-indeterminate {
|
||||
.arco-checkbox-icon {
|
||||
border: none;
|
||||
background-color: #A794FE !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.arco-checkbox-checked,
|
||||
&.arco-checkbox-indeterminate {
|
||||
.arco-checkbox-icon {
|
||||
background-color: #6D4CFE !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -1 +1,3 @@
|
||||
@import "./input.scss";
|
||||
@import './input.scss';
|
||||
@import './table.scss';
|
||||
@import './checkbox.scss';
|
||||
41
src/styles/components/table.scss
Normal file
41
src/styles/components/table.scss
Normal file
@ -0,0 +1,41 @@
|
||||
.arco-table {
|
||||
@mixin table-cell-text {
|
||||
color: var(--Text-1, #211f24);
|
||||
font-family: 'Alibaba PuHuiTi';
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
.arco-table-container {
|
||||
border: none !important;
|
||||
.arco-table-element {
|
||||
thead {
|
||||
.arco-table-tr {
|
||||
.arco-table-th {
|
||||
border-bottom: 1px solid var(--Border-1, #d7d7d9);
|
||||
background: var(--BG-100, #f7f8fa);
|
||||
.arco-table-cell {
|
||||
padding: 13px 16px;
|
||||
.arco-table-th-title {
|
||||
@include table-cell-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
tbody {
|
||||
.arco-table-tr {
|
||||
.arco-table-td {
|
||||
.arco-table-cell {
|
||||
padding: 13px 16px;
|
||||
.arco-table-cell-content {
|
||||
@include table-cell-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user