apt
This commit is contained in:
172
src/style/common.styl
Normal file
172
src/style/common.styl
Normal file
@@ -0,0 +1,172 @@
|
||||
@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
|
||||
Reference in New Issue
Block a user