27 changed files with 503 additions and 1020 deletions
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,12 @@ |
|||
@font-face { |
|||
font-family: 'Roboto Condensed'; |
|||
src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'); |
|||
font-weight: 400; |
|||
font-display: swap; |
|||
} |
|||
@font-face { |
|||
font-family: 'Roboto Condensed'; |
|||
src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'); |
|||
font-weight: 700; |
|||
font-display: swap; |
|||
} |
|||
|
After Width: | Height: | Size: 673 B |
|
After Width: | Height: | Size: 782 B |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
@ -1,747 +0,0 @@ |
|||
html { |
|||
scroll-behavior: smooth; /* 使整个页面的滚动平滑 */ |
|||
} |
|||
body { |
|||
font-family: Microsoft YaHei UI; |
|||
font-size: 14px; |
|||
margin: 0; |
|||
width: 100vw; |
|||
height: 100vh; |
|||
|
|||
p { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
} |
|||
.point{ |
|||
cursor: pointer; |
|||
} |
|||
.mt16{ |
|||
margin-top: 16px; |
|||
} |
|||
.mt32{ |
|||
margin-top: 32px; |
|||
} |
|||
.mb32{ |
|||
margin-bottom: 32px; |
|||
} |
|||
.hide{ |
|||
display: none !important; |
|||
} |
|||
.column{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.mb24{ |
|||
margin-bottom: 24px; |
|||
} |
|||
.mt12{ |
|||
margin-top: 12px; |
|||
} |
|||
.mt10{ |
|||
margin-top: 10px; |
|||
} |
|||
.ceshi{ |
|||
transition: all .5s; |
|||
box-sizing: border-box; |
|||
/* main/main_stardard */ |
|||
border: 1px solid #006AFF !important; |
|||
/* 蓝色阴影_常规 */ |
|||
box-shadow: 0px 4px 16px 0px rgba(17, 55, 143, 0.12); |
|||
} |
|||
::v-deep .el-radio__original { |
|||
display: none !important; |
|||
} |
|||
|
|||
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) |
|||
.el-radio__inner { |
|||
box-shadow: none !important; |
|||
} |
|||
.el-tabs__item.is-active { |
|||
letter-spacing: 0.08em; |
|||
/* main/main_stardard */ |
|||
color: #006AFF; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.el-tabs__nav-wrap::after { |
|||
content: none; |
|||
} |
|||
|
|||
.addStore { |
|||
margin-top: 12px; |
|||
border-radius: 4px; |
|||
opacity: 1; |
|||
/* text/text_white_2 */ |
|||
border: 1px dashed #BABDC2; |
|||
padding: 15px 20px; |
|||
color: #626573; |
|||
justify-content: center; |
|||
img{ |
|||
margin-right: 12px; |
|||
} |
|||
} |
|||
@keyframes fadeInOut { |
|||
0% { |
|||
opacity: 0; |
|||
} |
|||
50% { |
|||
opacity: 1; |
|||
} |
|||
100% { |
|||
opacity: 0; |
|||
} |
|||
} |
|||
|
|||
.ellipsis{ |
|||
|
|||
} |
|||
|
|||
.el-container { |
|||
height: 100%; |
|||
|
|||
.el-main { |
|||
padding: 0; |
|||
} |
|||
} |
|||
|
|||
.min-width { |
|||
min-width: 1200px; |
|||
} |
|||
|
|||
// 公共类名 |
|||
.mb24 { |
|||
margin-bottom: 24px; |
|||
} |
|||
|
|||
// 多数左右布局。中间带竖线 |
|||
.min-flex { |
|||
min-width: 1100px; |
|||
max-width: 1556px; |
|||
width: 84.75%; |
|||
margin: 0 auto; |
|||
} |
|||
.min-flex-right { |
|||
min-width: 1033px; |
|||
max-width: 1556px; |
|||
width: 84.75%; |
|||
margin: 0 auto; |
|||
.flex-common{ |
|||
.flex-left, |
|||
.flex-right { |
|||
min-width: 440px; |
|||
max-width: 590px; |
|||
flex: 1; |
|||
} |
|||
.flex-line { |
|||
margin: 0 33px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.desc { |
|||
font-size: 12px; |
|||
font-weight: normal; |
|||
line-height: 13px; |
|||
letter-spacing: 0.08em; |
|||
font-variation-settings: "opsz"auto; |
|||
/* text/text_4 */ |
|||
color: #8A9099; |
|||
} |
|||
.borderNone{ |
|||
border: none !important; |
|||
} |
|||
.flex-common { |
|||
padding: 32px 36px; |
|||
background-color: #fff; |
|||
|
|||
h3 { |
|||
text-align: left; |
|||
margin: 0 0 32px 0; |
|||
span{ |
|||
margin-left: 12px; |
|||
font-size: 14px; |
|||
font-weight: normal; |
|||
letter-spacing: 0.08em; |
|||
color: #626573; |
|||
} |
|||
} |
|||
|
|||
.flex-wrap { |
|||
width: 100%; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.flex-line { |
|||
border-left: 1px solid #DFE2E6; |
|||
margin: 0 54px; |
|||
} |
|||
|
|||
.flex-left, |
|||
.flex-right { |
|||
min-width: 460px; |
|||
max-width: 590px; |
|||
flex: 1; |
|||
} |
|||
.flex-left-desc{ |
|||
/* body/body 2_regular */ |
|||
font-family: Microsoft YaHei UI; |
|||
font-size: 14px; |
|||
font-weight: normal; |
|||
line-height: normal; |
|||
letter-spacing: 0.08em; |
|||
font-variation-settings: "opsz" auto; |
|||
/* text/text_1 */ |
|||
color: #1E2226; |
|||
text-align: left; |
|||
// margin: ; |
|||
} |
|||
|
|||
} |
|||
|
|||
// end--------- |
|||
//radio 发生change事件时，会有报错 |
|||
::v-deep .el-radio__original { |
|||
display: none !important; |
|||
} |
|||
|
|||
::v-deep.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) { |
|||
.el-radio__inner { |
|||
box-shadow: none !important; |
|||
} |
|||
} |
|||
|
|||
::v-deep .el-popover { |
|||
display: none !important; |
|||
} |
|||
|
|||
::v-deep.el-popover:focus:not(.is-focus):not(:active):not(.is-disabled) {} |
|||
|
|||
// .el-radio__inner { |
|||
// box-shadow: none !important; |
|||
// } |
|||
/* button==== start */ |
|||
|
|||
.el-button { |
|||
width: 144px; |
|||
height: 46px; |
|||
font-family: Microsoft YaHei UI; |
|||
font-size: 14px; |
|||
letter-spacing: 0.08em; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
transition: all .3s; |
|||
span{ |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
img{ |
|||
margin-right: 6px; |
|||
} |
|||
} |
|||
|
|||
.el-button--normal { |
|||
color: #626573; |
|||
} |
|||
|
|||
.el-button--mild { |
|||
background: #FFFFFF; |
|||
border: 1px solid #006AFF; |
|||
color: #006AFF; |
|||
} |
|||
|
|||
.el-button--primary, |
|||
.el-button--success, |
|||
.el-button--info, |
|||
.el-button--warning, |
|||
.el-button--danger { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
.el-button--medium { |
|||
//中等按钮 |
|||
width: 97px; |
|||
height: 33px; |
|||
font-size: 14px; |
|||
line-height: 14px; |
|||
|
|||
span { |
|||
height: 14px; |
|||
} |
|||
|
|||
} |
|||
|
|||
.el-button--small { |
|||
//小的按钮 |
|||
width: 80px; |
|||
height: 32px; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.el-button--mini { |
|||
//迷你按钮 |
|||
width: 80px; |
|||
height: 28px; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.el-button--reverseMild { |
|||
background: #E8F0FE; |
|||
color: #006AFF; |
|||
border: none; |
|||
} |
|||
|
|||
.el-button--reverseMild:hover { |
|||
border-color: #F2F7FF !important; |
|||
background-color: #F2F7FF !important; |
|||
} |
|||
|
|||
.el-button--reverseMild.is-disabled, |
|||
.el-button--reverseMild.is-disabled:hover { |
|||
color: #006AFF; |
|||
border-color: #E8F0FE; |
|||
background-color: #E8F0FE; |
|||
opacity: .7; |
|||
} |
|||
|
|||
.el-button--mild.is-disabled, |
|||
.el-button--mild.is-disabled:hover { |
|||
color: #006AFF; |
|||
opacity: .7; |
|||
border-color: #006AFF; |
|||
} |
|||
|
|||
/* button==== end */ |
|||
|
|||
// radio ---start |
|||
.el-radio__input.is-checked .el-radio__inner::after { |
|||
content: ''; |
|||
/* 清空默认的伪元素内容 */ |
|||
width: 14px; |
|||
height: 14px; |
|||
background-image: url('../../assets/radio_checked.svg'); |
|||
/* 使用你的自定义图标 */ |
|||
background-size: contain; |
|||
background-repeat: no-repeat; |
|||
} |
|||
|
|||
.el-radio__label { |
|||
font-weight: normal; |
|||
} |
|||
|
|||
// radio ---end |
|||
|
|||
// input ---start |
|||
.el-input { |
|||
border-radius: 2px; |
|||
border: 1px solid transparent; |
|||
} |
|||
|
|||
.el-input:focus-within { |
|||
transition: all .5s; |
|||
outline: 3px solid #D8E9FA; |
|||
border-color: #006AFF !important; |
|||
} |
|||
|
|||
.is-error .hoverclass { |
|||
border-color: transparent !important; |
|||
} |
|||
|
|||
.is-error .el-input:focus-within { |
|||
outline: none !important; |
|||
border-color: transparent !important; |
|||
} |
|||
|
|||
.el-input__inner { |
|||
height: 100%; |
|||
padding: 10px 12px; |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
.el-input__prefix { |
|||
display: flex; |
|||
align-items: center; |
|||
left: 12px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.el-input__suffix { |
|||
display: flex; |
|||
align-items: center; |
|||
right: 12px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.el-input__inner:focus { |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.el-input__inner:hover { |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.el-input__inner::placeholder { |
|||
color: #BABDC2; |
|||
} |
|||
|
|||
.el-input--prefix .el-input__inner { |
|||
padding-left: 36px; |
|||
} |
|||
|
|||
.el-input--suffix .el-input__inner { |
|||
padding-right: 36px; |
|||
} |
|||
|
|||
.el-input.is-disabled .el-input__inner { |
|||
background: #F6F7FA !important; |
|||
border-color: #DFE2E6 !important; |
|||
color: #BABDC2 !important; |
|||
} |
|||
|
|||
.hoverclass { |
|||
border-color: #006AFF !important; |
|||
transition: all .5s; |
|||
} |
|||
|
|||
// input ---end |
|||
|
|||
|
|||
// select start |
|||
.el-select { |
|||
width: 100%; |
|||
transition: all .5s; |
|||
} |
|||
|
|||
.el-select:hover .el-input__inner { |
|||
transition: all .5s; |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.el-select .el-input.is-focus .el-input__inner { |
|||
border-color: transparent; |
|||
transition: all .5s; |
|||
} |
|||
|
|||
.el-select .el-input__inner:focus { |
|||
border-color: transparent; |
|||
} |
|||
|
|||
.el-select>.el-input { |
|||
height: 100%; |
|||
} |
|||
|
|||
// select end |
|||
|
|||
// textarea start |
|||
.el-textarea__inner { |
|||
padding: 10px 12px; |
|||
border-radius: 2px; |
|||
height: 100%; |
|||
} |
|||
|
|||
.el-textarea__inner:hover { |
|||
border-color: #006AFF; |
|||
} |
|||
|
|||
.el-textarea__inner:focus { |
|||
transition: all .5s; |
|||
outline: 3px solid #D8E9FA; |
|||
} |
|||
|
|||
// textarea end |
|||
|
|||
|
|||
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, |
|||
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before { |
|||
content: ''; |
|||
} |
|||
|
|||
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label::after, |
|||
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label::after { |
|||
content: url(../../assets/require.svg); |
|||
display: inline-block; |
|||
// background-image: url(../../assets/require.svg); |
|||
color: #ff4d4f; |
|||
margin-right: 4px; |
|||
margin-left: 4px; |
|||
} |
|||
|
|||
.form-item1 { |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
label { |
|||
min-width: 54px; |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
label.el-radio { |
|||
margin-right: 24px; |
|||
|
|||
.el-radio__label { |
|||
padding-left: 8px; |
|||
} |
|||
} |
|||
|
|||
label.el-radio:last-child { |
|||
margin-right: 0px; |
|||
} |
|||
|
|||
.form-item-top { |
|||
height: 18px; |
|||
display: flex; |
|||
align-items: center; |
|||
text-align: left; |
|||
} |
|||
|
|||
.form-item-bottom { |
|||
flex: 1; |
|||
} |
|||
|
|||
.rightdesc { |
|||
flex: 1; |
|||
text-align: right; |
|||
font-size: 12px; |
|||
line-height: 13px; |
|||
letter-spacing: 0.08em; |
|||
font-variation-settings: "opsz"auto; |
|||
color: #8A9099; |
|||
} |
|||
|
|||
.form-item { |
|||
margin-bottom: 0; |
|||
} |
|||
} |
|||
|
|||
.el-form-item__content { |
|||
// width: 100%; |
|||
flex: 1; |
|||
position: relative; |
|||
|
|||
.desc_right { |
|||
position: absolute; |
|||
right: 0; |
|||
top: -40px; |
|||
margin: 0; |
|||
font-size: 12px; |
|||
line-height: 40px; |
|||
letter-spacing: 0.08em; |
|||
font-variation-settings: "opsz"auto; |
|||
color: #8A9099; |
|||
} |
|||
} |
|||
|
|||
.w510 { |
|||
width: 510px; |
|||
} |
|||
|
|||
.w388 { |
|||
width: 388px; |
|||
} |
|||
|
|||
.form-item { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.column { |
|||
display: flex; |
|||
flex-direction: column !important; |
|||
align-items: self-start; |
|||
|
|||
.form-item-top { |
|||
width: 100%; |
|||
margin-bottom: 12px; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.form-item-bottom { |
|||
width: 100%; |
|||
} |
|||
|
|||
.el-form-item__content { |
|||
width: 100%; |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
} |
|||
} |
|||
|
|||
.form-top-icon { |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
img { |
|||
width: 16px; |
|||
height: 16px; |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
span { |
|||
color: #1E2226; |
|||
} |
|||
} |
|||
|
|||
|
|||
// table start |
|||
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { |
|||
background-color: #F6F7FA; |
|||
} |
|||
|
|||
.el-table td.el-table__cell { |
|||
border-bottom: 1px solid#EAECF0; |
|||
} |
|||
|
|||
.el-table--fit { |
|||
border: 1px solid#EAECF0; |
|||
} |
|||
|
|||
.el-button--text { |
|||
padding: 0; |
|||
width: auto !important; |
|||
height: auto !important; |
|||
} |
|||
|
|||
.el-table th.el-table__cell { |
|||
background: #F6F7FA; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.el-table th.el-table__cell>.cell { |
|||
padding-left: 16px; |
|||
padding-right: 16px; |
|||
} |
|||
|
|||
.el-table .el-table__cell { |
|||
padding: 18px 0; |
|||
} |
|||
|
|||
.el-table .cell { |
|||
padding-left: 16px; |
|||
padding-right: 16px; |
|||
} |
|||
|
|||
.el-table .el-form-item { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
// table end |
|||
.el-pagination { |
|||
margin-top: 16px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
// dialog--start |
|||
.el-dialog { |
|||
min-height: 214px; |
|||
max-height: 550px; |
|||
border-radius: 4px; |
|||
background: #FFFFFF; |
|||
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16); |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.el-dialog__header { |
|||
font-size: 20px; |
|||
font-weight: bold; |
|||
line-height: 26px; |
|||
text-align: left; |
|||
letter-spacing: 0.08em; |
|||
color: #1F2026; |
|||
padding: 32px 32px 12px; |
|||
} |
|||
|
|||
.el-dialog__body { |
|||
padding: 0 32px 32px; |
|||
flex: 1; |
|||
} |
|||
} |
|||
|
|||
.el-dialog__footer { |
|||
display: flex; |
|||
justify-content: center; |
|||
padding: 0 32px 32px !important; |
|||
|
|||
.dialog-footer-center { |
|||
width: 100%; |
|||
justify-content: space-between; |
|||
button { |
|||
width: 247px; |
|||
height: 44px; |
|||
} |
|||
} |
|||
.dialog-footer-normal { |
|||
width: 100%; |
|||
justify-content: flex-end !important; |
|||
button { |
|||
width: 96px; |
|||
height: 38px; |
|||
} |
|||
} |
|||
} |
|||
.center { |
|||
.el-dialog .el-dialog__header{ |
|||
text-align: center; |
|||
} |
|||
} |
|||
// dialog--end |
|||
|
|||
// switch --start |
|||
// .el-switch__core{ |
|||
// background-color: #00C261; |
|||
// } |
|||
// .el-switch.is-checked .el-switch__core{ |
|||
// background-color: #BABDC2; |
|||
// } |
|||
// switch --end |
|||
|
|||
// 弹出气泡框 |
|||
.el-popover { |
|||
padding: 32px; |
|||
} |
|||
|
|||
// 日历区间背景颜色 |
|||
.el-date-table td.in-range div { |
|||
background: #F2F7FF; |
|||
} |
|||
|
|||
.flex { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
// 自定义下拉内容框 |
|||
.noraml-jump { |
|||
padding: 24px 10px; |
|||
border-bottom: 1px solid #EAECF0; |
|||
} |
|||
|
|||
.flex-between { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-family: Microsoft YaHei UI; |
|||
|
|||
.left b { |
|||
display: block; |
|||
text-align: left; |
|||
margin-bottom: 12px; |
|||
} |
|||
|
|||
.left p { |
|||
letter-spacing: 0.08em; |
|||
text-align: left; |
|||
line-height: 13px; |
|||
font-size: 12px; |
|||
color: #8A9099; |
|||
} |
|||
|
|||
.left .one { |
|||
line-height: 18px; |
|||
font-size: 14px; |
|||
color: #1E2226; |
|||
margin-bottom: 4px; |
|||
} |
|||
} |
|||
Loading…
Reference in new issue