452 lines
7.7 KiB
SCSS
452 lines
7.7 KiB
SCSS
/* devui css override */
|
|
// d-layout
|
|
.jyh-form {
|
|
.devui-form__label-span {
|
|
color: #595959;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 32px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
.devui-form__label--start {
|
|
text-align: right;
|
|
}
|
|
.devui-form__item--horizontal {
|
|
margin-bottom: 0;
|
|
}
|
|
.jyh-form-operation {
|
|
margin-left: 20px !important;
|
|
}
|
|
.devui-form__label-help {
|
|
width: 14px !important;
|
|
height: 14px !important;
|
|
}
|
|
}
|
|
|
|
.jyh-form-operation {
|
|
margin-left: 0px !important;
|
|
}
|
|
|
|
.jyh-table {
|
|
.devui-table__cell {
|
|
color: #191919;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
|
|
.devui-table__cell a {
|
|
cursor: pointer;
|
|
color: #0A59F7;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
.devui-table__row td {
|
|
padding-top: 10px !important;
|
|
padding-bottom: 10px !important;
|
|
}
|
|
.header-container {
|
|
.filter-icon {
|
|
flex: 0;
|
|
margin-left: 8px;
|
|
}
|
|
.devui-table__sort-clickable {
|
|
flex: 0;
|
|
height: 16px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.jyh-table-2 {
|
|
.devui-table__tbody tr {
|
|
border-bottom: 1px solid #e5e7eb;
|
|
}
|
|
}
|
|
|
|
.jyh-tabs {
|
|
.devui-tabs__nav {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.devui-tabs__nav--wrapped>li.active {
|
|
border-radius: 4px 4px 0px 0px;
|
|
background: #F3F3F3;
|
|
|
|
.devui-tabs__nav-content {
|
|
a {
|
|
color: #191919;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: medium;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
.devui-tab__content {
|
|
//background: #F3F3F3;
|
|
margin-top: 0;
|
|
}
|
|
.devui-tabs__nav-content {
|
|
a {
|
|
color: #808080;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
|
|
.jyh-tabs-2 {
|
|
.devui-tab__content {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.jyh-tabs-3 {
|
|
.devui-tabs__nav {
|
|
background: transparent;
|
|
|
|
li {
|
|
//background: #F3F3F3;
|
|
background: transparent;
|
|
}
|
|
|
|
.active {
|
|
//background: #ffffff !important;
|
|
}
|
|
}
|
|
}
|
|
.jyh-tabs-4 {
|
|
.devui-tabs__nav {
|
|
background: transparent;
|
|
|
|
li {
|
|
background: transparent;
|
|
padding: 8px 0;
|
|
margin-right: 24px;
|
|
}
|
|
|
|
.active {
|
|
background: transparent !important;
|
|
border: 0px !important;
|
|
border-bottom: 2px solid black !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.jyh-checkbox-group {
|
|
div {
|
|
margin-top: 0;
|
|
}
|
|
.devui-checkbox label {
|
|
color: #191919;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
|
|
}
|
|
}
|
|
|
|
.devui-dropdown-menu-multiple {
|
|
.devui-select__multiple {
|
|
.devui-tag {
|
|
.devui-tag--default {
|
|
display: flex;
|
|
border-radius: 4px;
|
|
background: #1919190C;
|
|
padding: 0 4px;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
}
|
|
.remove-button {
|
|
margin-left: 8px;
|
|
position: relative;
|
|
}
|
|
}
|
|
}
|
|
.devui-select__clearable {
|
|
.devui-select__multiple--input {
|
|
width: 1px;
|
|
min-width: 1px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.jyh-select {
|
|
.devui-select__selection {
|
|
border: 0 !important;
|
|
}
|
|
}
|
|
|
|
.jyh-select-multiple {
|
|
|
|
}
|
|
|
|
.split {
|
|
display: inline-block;
|
|
margin: 0 12px;
|
|
width: 1px;
|
|
height: 100%;
|
|
background-color: #cfcfcf;
|
|
}
|
|
|
|
.fr {
|
|
flex: 1;
|
|
text-align: right;
|
|
}
|
|
|
|
.width-70 {
|
|
display: inline-block;
|
|
width: 90px;
|
|
}
|
|
|
|
.width-90 {
|
|
display: inline-block;
|
|
width: 90px;
|
|
}
|
|
.width-110 {
|
|
display: inline-block;
|
|
width: 110px;
|
|
}.width-140 {
|
|
display: inline-block;
|
|
width: 140px;
|
|
}.width-160 {
|
|
display: inline-block;
|
|
width: 160px;
|
|
}
|
|
|
|
.jyh-card {
|
|
padding: 16px 20px;
|
|
.card-title {
|
|
color: #252B3A;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.card-key {
|
|
color: #595959;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
.card-val {
|
|
color: #191919;
|
|
font-family: HarmonyOS Sans;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
.card-url {
|
|
color: #5E7CE0;
|
|
font-family: HarmonyOS Sans;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
}
|
|
.jyh-card2 {
|
|
padding: 16px 20px;
|
|
background: #F3F3F3;
|
|
|
|
.card-title {
|
|
color: #252B3A;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.card-key {
|
|
color: #595959;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
.card-val {
|
|
color: #191919;
|
|
font-family: HarmonyOS Sans;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
.card-url {
|
|
color: #5E7CE0;
|
|
font-family: HarmonyOS Sans;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
.devui-status:before {
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.yellow-status:before {
|
|
background-color: #FAC20A !important;
|
|
}
|
|
|
|
.devui-modal__header {
|
|
//padding: 14px 24px;
|
|
height: auto!important;
|
|
}
|
|
|
|
.jyh-dropdown {
|
|
//padding: 20px;
|
|
.title {
|
|
|
|
}
|
|
}
|
|
|
|
.green {
|
|
cursor: pointer;
|
|
color: rgb(80, 212, 171)
|
|
}
|
|
.yellow {
|
|
cursor: pointer;
|
|
color: rgb(250, 194, 10)
|
|
}
|
|
.red {
|
|
cursor: pointer;
|
|
color: rgb(246, 111, 106)
|
|
}
|
|
|
|
.jyh-split {
|
|
background: #DFDFDF;
|
|
height: 20px;
|
|
width: 1px;
|
|
}
|
|
|
|
.jyh-button {
|
|
border-radius: 4px !important;
|
|
background: #E1E8FD !important;
|
|
color: black !important;
|
|
}
|
|
|
|
.jyh-button1 {
|
|
border-radius: 4px !important;
|
|
background: transparent !important;
|
|
color: black !important;
|
|
padding: 6px 6px !important;
|
|
}
|
|
.jyh-button2 {
|
|
border: 0 !important;
|
|
background: transparent !important;
|
|
color: black !important;
|
|
padding: 6px 6px !important;
|
|
}
|
|
|
|
.jyh-collapse {
|
|
.devui-collapse__item-title {
|
|
padding: 0 8px !important;
|
|
}
|
|
.devui-collapse__item-content {
|
|
padding: 0 !important;
|
|
}
|
|
.jyh-collapse-title {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
/* 选中状态 */
|
|
.selected-card {
|
|
border: 1px solid #C9C9C9; /* DevUI 主题色 */
|
|
//box-shadow: 0 0 0 1px #5e7ce0; /* 外发光效果 */
|
|
}
|
|
.jyh-collapse-card {
|
|
border-radius: 8px;
|
|
background: #1919190C;
|
|
cursor: pointer;
|
|
//border: 1px solid #C9C9C9;
|
|
|
|
/* 卡片整体样式 */
|
|
.card-header {
|
|
padding: 8px 8px 4px;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
|
|
color: #191919;
|
|
font-family: HarmonyOS Sans SC;
|
|
font-weight: regular;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
letter-spacing: 0px;
|
|
text-align: left;
|
|
display: flex;
|
|
|
|
.card-actions {
|
|
display: flex;
|
|
gap: 4px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.card-header h4 {
|
|
margin: 0;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.card-content {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0px 8px 8px;
|
|
}
|
|
|
|
.content-left {
|
|
display: flex;
|
|
align-items: center;
|
|
color: #666;
|
|
}
|
|
|
|
.content-right {
|
|
color: #999;
|
|
}
|
|
|
|
.time-text {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|