173 lines
4.3 KiB
Stylus
173 lines
4.3 KiB
Stylus
|
@import 'mixin.styl'
|
||
|
|
@font-face {
|
||
|
|
font-family: 'iconfont';
|
||
|
|
src: url('iconfont/iconfont.woff2?t=1631676179964') format('woff2'),
|
||
|
|
url('iconfont/iconfont.woff?t=1631676179964') format('woff'),
|
||
|
|
url('iconfont/iconfont.ttf?t=1631676179964') format('truetype');
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "YouSheBiaoTiHei";
|
||
|
|
src: url('font/YouSheBiaoTiHei.ttf') format('truetype');
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "SourceHanSansCN-Bold";
|
||
|
|
src: url('font/SourceHanSansCN-Bold.otf') format('truetype');
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "SourceHanSansCN-Regular";
|
||
|
|
src: url('font/SourceHanSansCN-Regular.otf') format('truetype');
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "SourceHanSansCN-Medium";
|
||
|
|
src: url('font/SourceHanSansCN-Medium.otf') format('truetype');
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-track
|
||
|
|
{
|
||
|
|
background-color: #1A2B47;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar
|
||
|
|
{
|
||
|
|
width: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-thumb
|
||
|
|
{
|
||
|
|
background-color: #5291F0;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 软键盘
|
||
|
|
#keyboard
|
||
|
|
position fixed
|
||
|
|
right 0
|
||
|
|
bottom 0
|
||
|
|
z-index 1000
|
||
|
|
width 100%
|
||
|
|
padding 0.05rem
|
||
|
|
background-color: #ececec
|
||
|
|
border-radius 0
|
||
|
|
font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
|
||
|
|
.keyboard
|
||
|
|
.line:not(:last-child)
|
||
|
|
margin-bottom 0.05rem
|
||
|
|
.key
|
||
|
|
height .36rem
|
||
|
|
line-height .36rem
|
||
|
|
background-color: #fff;
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px solid #b5b5b5;
|
||
|
|
border-radius: 5px;
|
||
|
|
box-shadow: 0 0 3px -1px rgba(0,0,0,.3);
|
||
|
|
color: #000;
|
||
|
|
font-size .2rem
|
||
|
|
&:not(:last-child)
|
||
|
|
margin-right 0.05rem
|
||
|
|
.backspace
|
||
|
|
background-color: #b3b3b3;
|
||
|
|
|
||
|
|
// animation
|
||
|
|
@keyframes scrollText {
|
||
|
|
0% {
|
||
|
|
transform translateX(0)
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform translateX(-100%)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// element css
|
||
|
|
.el-button
|
||
|
|
font-size .16rem
|
||
|
|
.el-dialog
|
||
|
|
background center / 100% 100% url(../images/new/modal_bg.png) no-repeat
|
||
|
|
.el-dialog__header
|
||
|
|
padding .2rem .2rem .1rem
|
||
|
|
.el-dialog__headerbtn
|
||
|
|
top .2rem
|
||
|
|
right .2rem
|
||
|
|
.el-dialog__body
|
||
|
|
padding .2rem .4rem .3rem .4rem
|
||
|
|
.el-dialog__title
|
||
|
|
font-size .2rem
|
||
|
|
font-family 'YouSheBiaoTiHei'
|
||
|
|
line-height .24rem
|
||
|
|
color #fff
|
||
|
|
.el-form-item__label
|
||
|
|
font-size .16rem
|
||
|
|
line-height .4rem
|
||
|
|
color #AFBED8
|
||
|
|
.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label
|
||
|
|
line-height .4rem
|
||
|
|
.el-form-item__content
|
||
|
|
font-size .15rem
|
||
|
|
.el-input, .el-select .el-input .el-select__caret, .el-select-dropdown__item
|
||
|
|
font-size .15rem
|
||
|
|
line-height .4rem
|
||
|
|
height .4rem
|
||
|
|
.el-input__inner
|
||
|
|
background: rgba(45,88,184,0.1);
|
||
|
|
border: 2px solid #4980BD;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: #fff;
|
||
|
|
border-radius: 0;
|
||
|
|
padding 0 0.1rem
|
||
|
|
.el-input--mini .el-input__inner
|
||
|
|
line-height .4rem
|
||
|
|
height .4rem
|
||
|
|
.el-select-dropdown
|
||
|
|
background-color rgba(7,31,62,0.95)
|
||
|
|
border 1px solid #4980BD
|
||
|
|
.el-popper[x-placement^=bottom] .popper__arrow,.el-popper[x-placement^=bottom] .popper__arrow::after
|
||
|
|
border-bottom-color #4980BD
|
||
|
|
.el-select-dropdown__item
|
||
|
|
padding 0 0.1rem
|
||
|
|
color #fff
|
||
|
|
.el-table, .el-table tr
|
||
|
|
background-color transparent
|
||
|
|
.el-table th
|
||
|
|
font-size .16rem
|
||
|
|
font-family 'Source Han Sans CN'
|
||
|
|
color #AFBED8
|
||
|
|
background left center / 1px 81px url(../images/new/th_bg.png) repeat-x
|
||
|
|
.el-table td
|
||
|
|
font-size .16rem
|
||
|
|
font-family 'Source Han Sans CN'
|
||
|
|
color #fff
|
||
|
|
border-bottom 2px solid rgba(122,159,224,0.17)
|
||
|
|
.el-table tr:nth-child(odd) td
|
||
|
|
background: rgba(31,46,73,0.3);
|
||
|
|
.el-table tr:nth-child(even) td
|
||
|
|
background: rgba(31,46,73,0.5);
|
||
|
|
.el-table--enable-row-hover .el-table__body tr:hover>td
|
||
|
|
background: rgba(63,106,202,0.3);
|
||
|
|
|
||
|
|
// button
|
||
|
|
.button_control
|
||
|
|
_wh(100%, 0.36rem)
|
||
|
|
background center url(../images/new/button.png) no-repeat
|
||
|
|
background-size 100% 100%
|
||
|
|
p
|
||
|
|
_font(.22rem, 1, #EFF2FF,,center)
|
||
|
|
font-family: 'YouSheBiaoTiHei'
|
||
|
|
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(49,190,255,0.9) 0%, rgba(239,252,254,1) 40%);
|
||
|
|
-webkit-background-clip: text;
|
||
|
|
-webkit-text-fill-color: transparent;
|
||
|
|
.button_control_disabled
|
||
|
|
background center url(../images/new/button_disabled.png) no-repeat
|
||
|
|
background-size 100% 100%
|
||
|
|
.button_control_gray
|
||
|
|
background center url(../images/new/button_gray.png) no-repeat
|
||
|
|
background-size 100% 100%
|
||
|
|
|
||
|
|
// main
|
||
|
|
.body-container
|
||
|
|
background center / 100% 100% url(../images/new/bg.jpg) no-repeat
|
||
|
|
.main-conatiner
|
||
|
|
width 100%
|
||
|
|
height calc(100% - 1.18rem)
|
||
|
|
.page_container
|
||
|
|
_wh(96%, 100%)
|
||
|
|
padding 1%
|
||
|
|
margin 0 auto
|