Files
aio-hl-new/src/style/layout.styl

215 lines
4.3 KiB
Stylus
Raw Normal View History

2023-04-03 11:14:32 +08:00
@import 'iconfont.styl';
@font-face
font-family 'iconfont';
src url('iconfont/iconfont.eot');
src url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont/iconfont.woff2') format('woff2'),
url('iconfont/iconfont.woff') format('woff'),
url('iconfont/iconfont.ttf') format('truetype'),
url('iconfont/iconfont.svg#iconfont') format('svg');
/***/
[class*=" el-icon-"], [class^=el-icon-]
color #c0c4cc
.el-date-editor--daterange.el-input__inner
width 2.45rem
.el-input__inner
height .3rem
line-height .3rem
.el-date-range-picker__header div
color #606266
.el-date-table td span
color #606266
.el-date-editor .el-range__icon,.el-date-editor .el-range-separator
line-height 22px
.el-date-editor .el-range__close-icon
line-height 24px
.el-date-range-picker
width 5.5rem
.el-date-table td span
width .2rem
height .2rem
line-height .2rem
font-size .14rem
.el-date-table td div
height .24rem
.el-date-table td
padding 0
height .28rem
.el-date-range-picker__content
padding .06rem
/**icon*/
.iconfont
font-family "iconfont" !important
font-size .16rem
font-style normal
-webkit-font-smoothing antialiased
-moz-osx-font-smoothing grayscale
.close_icon
position absolute
right .05rem
top .08rem
color #C0C4CC
font-size .14rem
.select_icon
width .2rem
height .2rem
line-height .2rem
text-align center
border-radius 100%
overflow hidden
.select_square_icon
border-radius 3px
.selected_icon
background-color #1989fa
color #fff
.unselect_icon
background-color #c0c4cc
.radio_icon
display inline-block
width .16rem
height .16rem
border-radius 100%
color #fff
vertical-align middle
.radio_selected_icon
border .05rem solid #1989fa
background-color #fff
.radio_unselect_icon
border 1px solid #1989fa
background-color #fff
.button--primary
min-width .6rem
height .3rem
line-height .3rem
font-size .15rem
color #ffffff
background-color #286666
padding 0 .1rem
border-radius 5px
.button--defalut
color #606266
border 1px solid #dcdfe6
background-color #fff
/**header*/
header
height .6rem
padding 0 .05rem
border-bottom .02rem solid #15347b
box-shadow 0 1px 2px rgba(228, 243, 244, 0.5)
.header-tip
line-height .6rem
font-size .2rem
.header-btn
margin-top .15rem
/**nav*/
.tabs
width 100%
font-size .18rem
line-height .4rem
height .4rem
li
float left
width 1rem
text-align center
a
display inline-block
color #fff
width 100%
.router-link-active
border-bottom 1px solid #15347b
box-shadow 0 2px 0 rgba(228, 243, 244, 0.5)
/**content*/
.wrap
width 100%
padding .05rem
.wrap-filter
width 100%
height .5rem
.filter-table
width 100%
border 1px solid #fff
margin .1rem 0
text-align center
th,td
line-height .18rem
font-size .13rem
padding .05rem .01rem
border 1px solid #fff
.input
width 1.8rem
height .3rem
line-height .3rem
font-size .13rem
color #606266
text-indent .05rem
.message-box__wrapper
position fixed
top 0
bottom 0
left 0
right 0
text-align center
background rgba(0,0,0,.5)
.message-box__wrapper::after
content ""
display inline-block
height 100%
width 0
vertical-align middle
z-index 100
.message-box
display inline-block
width 4.2rem
padding-bottom .1rem
vertical-align middle
background-color #fff
border-radius 4px
border 1px solid #ebeef5
font-size .18rem
box-shadow 0 2px 12px 0 rgba(0,0,0,.1)
text-align left
overflow hidden
backface-visibility hidden
.message-box__content
position relative
padding .1rem .15rem
color #606266
font-size .14rem
.message-box__btns
padding .05rem .15rem 0
text-align right
.message-box__message p
color #303133
line-height .3rem
.message-box__input
padding .15rem 0
margin-top .1rem
line-height .3rem
color #606266
border-top 1px solid #e1e1e1
border-bottom 1px solid #e1e1e1
.message-box__input .input-cus
border 1px solid #dcdfe6
padding-right .2rem
.keyValue
position relative
input::-webkit-input-placeholder
color #C0C4CC
.input-cus-wrap
position relative
display inline-block
.radio_dot_icon
width 5px
.modal-radios
width 90%
margin .15rem auto 0
.modal-radio
display inline-block
line-height .16rem
color #606266
font-size .13rem