786 lines
15 KiB
Stylus
786 lines
15 KiB
Stylus
@import 'mixin.styl'
|
|
@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
|
|
line-height .3rem
|
|
.el-date-editor.el-input
|
|
width calc(100% - .8rem)
|
|
.el-input
|
|
font-size .13rem
|
|
.el-date-editor--daterange.el-input__inner
|
|
width calc(100% - 0.8rem)
|
|
padding .03rem .1rem
|
|
vertical-align top
|
|
.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
|
|
font-size .14rem
|
|
line-height .22rem
|
|
.el-date-editor .el-range__close-icon
|
|
line-height .22rem
|
|
font-size .14rem
|
|
.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
|
|
.el-date-picker__header-label
|
|
font-size .16rem
|
|
line-height .22rem
|
|
.el-date-editor .el-range-input
|
|
font-size .14rem
|
|
line-height .22rem
|
|
.el-date-range-picker__content .el-date-range-picker__header div
|
|
margin-left: .5rem
|
|
margin-right: .5rem
|
|
.el-date-range-picker__header div
|
|
font-size .16rem
|
|
.iconfont
|
|
font-family "iconfont" !important
|
|
font-size .16rem
|
|
font-style normal
|
|
-webkit-font-smoothing antialiased
|
|
-moz-osx-font-smoothing grayscale
|
|
[class*="_icon"]
|
|
background none
|
|
.button--primary
|
|
min-width .6rem
|
|
height .3rem
|
|
line-height .3rem
|
|
font-size .15rem
|
|
color #ffffff
|
|
border 1px solid #D7592F
|
|
background-color #D7592F
|
|
padding 0 .1rem
|
|
border-radius 5px
|
|
.button--defalut
|
|
color #606266
|
|
border 1px solid #dcdfe6
|
|
background-color #dcdfe6
|
|
.button--cancle
|
|
color #D7592F
|
|
background-color #fff
|
|
.button_table_font
|
|
font-size .13rem
|
|
.top_header
|
|
position fixed
|
|
top 0
|
|
width 100%
|
|
border-bottom 1px solid #E1E1E1
|
|
z-index 1000
|
|
header
|
|
position relative
|
|
height .4rem
|
|
line-height .4rem
|
|
background-color #D7592F
|
|
padding 0 .15rem
|
|
box-sizing border-box
|
|
.header-title
|
|
width 3rem
|
|
font-size .16rem
|
|
padding-left .1rem
|
|
overflow hidden
|
|
.header-title_ex
|
|
padding-left 0
|
|
.header-name
|
|
width auto
|
|
.top-left
|
|
text-align center
|
|
position relative
|
|
ul
|
|
width 1.8rem
|
|
position absolute
|
|
background #d7592f
|
|
left 0
|
|
top .45rem
|
|
border-radius 2px
|
|
box-shadow 1px 2px 3px rgba(228,243,244,0.5)
|
|
overflow hidden
|
|
li
|
|
line-height .36rem
|
|
font-size .15rem
|
|
border-bottom 1px solid #e1e1e1
|
|
&:nth-of-type(2)
|
|
border none
|
|
text-align center
|
|
.home-items
|
|
display flex
|
|
align-items center
|
|
padding 0 5%
|
|
height 100%
|
|
li
|
|
float left
|
|
text-align center
|
|
width 33.333333%
|
|
img
|
|
width 80%
|
|
height 80%
|
|
p
|
|
line-height .34rem
|
|
color #464646
|
|
.drift
|
|
transition height .3s linear
|
|
.date-box
|
|
width 2.3rem
|
|
text-align left
|
|
overflow hidden
|
|
.date-box_time
|
|
position absolute
|
|
width 2.3rem
|
|
height .44rem
|
|
overflow hidden
|
|
right 0
|
|
.tabs
|
|
width 100%
|
|
font-size .18rem
|
|
line-height .4rem
|
|
height .4rem
|
|
background-color #f5f5f5
|
|
li
|
|
float left
|
|
width 1rem
|
|
line-height .4rem
|
|
text-align center
|
|
a
|
|
display inline-block
|
|
line-height .4rem
|
|
color #323232
|
|
width 100%
|
|
.router-link-active
|
|
border-bottom 1px solid #D7592F
|
|
.inner-wrap
|
|
height 100%
|
|
background-color #F5F5F5
|
|
.wrap
|
|
width 8rem
|
|
padding .9rem .05rem .05rem .05rem
|
|
.wrap_ex
|
|
padding-top .44rem
|
|
.wrap-filter-button
|
|
width 100%
|
|
padding .1rem .2rem
|
|
margin .1rem auto
|
|
border-radius .1rem
|
|
background-color #fff
|
|
.wrap-filter
|
|
padding-bottom .1rem
|
|
.filter_item
|
|
width 50%
|
|
padding 0 .2rem
|
|
margin .1rem 0 0 0
|
|
.filter_input
|
|
width 100%
|
|
display flex
|
|
justify-content space-between
|
|
.filter-label
|
|
font-size 0.12rem
|
|
color #464646
|
|
width 1.2rem
|
|
line-height .3rem
|
|
height .3rem
|
|
text-align justify
|
|
text-align-last justify
|
|
&::after
|
|
position absolute
|
|
top .3rem
|
|
left 0
|
|
display inline-block
|
|
content ''
|
|
overflow hidden
|
|
width .5rem
|
|
height 0
|
|
.wrap-button
|
|
margin .1rem auto
|
|
padding 0 .2rem
|
|
text-align right
|
|
.filter-table
|
|
width 100%
|
|
margin .2rem 0
|
|
border-collapse separate
|
|
border-spacing 0
|
|
border: 1px#e1e1e1
|
|
text-align center
|
|
th,td
|
|
color #464646
|
|
background-color #fff
|
|
border-right 1px solid #e1e1e1
|
|
border-bottom 1px solid #e1e1e1
|
|
&::first-child
|
|
border-left 1px solid #e1e1e1
|
|
.filter-table th
|
|
font-size .13rem
|
|
line-height .3rem
|
|
padding 0 .01rem
|
|
background-color #e1e1e1
|
|
.filter-table td
|
|
height 0.3rem
|
|
line-height .18rem
|
|
font-size .12rem
|
|
padding .01rem
|
|
.filter-table tr:first-child th:first-child
|
|
border-top-left-radius .1rem
|
|
.filter-table tr:first-child th:last-child
|
|
border-top-right-radius .1rem
|
|
.filter-table tr:last-child td:first-child
|
|
border-bottom-left-radius .1rem
|
|
.filter-table tr:last-child td:last-child
|
|
border-bottom-right-radius .1rem
|
|
.radio__icon
|
|
display inline-block
|
|
vertical-align middle
|
|
width .2rem
|
|
line-height .2rem
|
|
height .2rem
|
|
.radio__icon--square
|
|
border-radius 3px
|
|
border 1px solid #e5e5e5
|
|
background-color #e5e5e5
|
|
.radio__icon--round
|
|
border 1px solid #e5e5e5
|
|
background-color transparent
|
|
border-radius 100%
|
|
.radio__icon--disabled
|
|
border 1px solid #c0c4cc
|
|
background-color #c0c4cc
|
|
.icon
|
|
color #c0c4cc
|
|
&::before
|
|
content '\e608'
|
|
.radio__icon--checked
|
|
border-color #D7592F
|
|
background-color #D7592F
|
|
.icon
|
|
color #fff
|
|
&::before
|
|
content '\e608'
|
|
.input
|
|
display inline-block
|
|
// width calc(100% - .8rem)
|
|
width 100%
|
|
height .4rem
|
|
line-height .3rem
|
|
font-size .13rem
|
|
color #606266
|
|
text-indent .16rem
|
|
background-color #fff
|
|
border 1px solid #D1D1D1
|
|
border-radius 4px
|
|
.select
|
|
position relative
|
|
display inline-block
|
|
width calc(100% - .8rem)
|
|
height .3rem
|
|
font-size .13rem
|
|
color #606266
|
|
line-height .3rem
|
|
background-color #fff
|
|
border 1px solid #D1D1D1
|
|
border-radius 4px
|
|
vertical-align top
|
|
option
|
|
line-height .3rem
|
|
.select-wrap
|
|
position relative
|
|
display inline-block
|
|
width calc(100% - .8rem)
|
|
vertical-align top
|
|
.input
|
|
width 100%
|
|
.select-option
|
|
position absolute
|
|
max-height 3.32rem
|
|
overflow-y auto
|
|
top calc(.3rem + 8px)
|
|
left 0
|
|
width 100%
|
|
z-index 100
|
|
background-color #ffffff
|
|
border 1px solid #d1d1d1
|
|
border-radius 4px
|
|
box-shadow 0 2px 12px 0 rgba(0,0,0,.1)
|
|
li
|
|
width 100%
|
|
line-height .3rem
|
|
height .3rem
|
|
overflow hidden
|
|
font-size .13rem
|
|
color #606266
|
|
padding 0 .05rem
|
|
user-select none
|
|
&:hover
|
|
background #f5f5f5
|
|
.fontRed
|
|
color #D7592F
|
|
.dropdown_icon_2
|
|
position: absolute
|
|
top .08rem
|
|
right 0.15rem
|
|
color #bbb
|
|
width .14rem
|
|
font-size .14rem
|
|
line-height .14rem
|
|
transition transform .3s
|
|
.message-box__wrapper
|
|
position fixed
|
|
top 0
|
|
bottom 0
|
|
left 0
|
|
right 0
|
|
z-index 2000
|
|
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.9rem
|
|
padding-bottom 10px
|
|
vertical-align middle
|
|
background-color #fff
|
|
border-radius 4px
|
|
border 1px solid #ebeef5
|
|
font-size 18px
|
|
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 10px 15px
|
|
color #606266
|
|
font-size 14px
|
|
.message-box__btns
|
|
padding 5px 15px 0
|
|
text-align right
|
|
.message-box__message p
|
|
color #303133
|
|
line-height .3rem
|
|
border-bottom 1px solid #e1e1e1
|
|
.message-box__input
|
|
padding-top 15px
|
|
color #606266
|
|
.message-box__input .input-cus
|
|
border 1px solid #dcdfe6
|
|
padding-right .2rem
|
|
.keyValue
|
|
position relative
|
|
.close_icon
|
|
position absolute
|
|
right .05rem
|
|
top .075rem
|
|
color #C0C4CC
|
|
font-size .14rem
|
|
&::before
|
|
content '\e66d'
|
|
.input-cus-wrap
|
|
position relative
|
|
display inline-block
|
|
.close_icon
|
|
top .1rem
|
|
.dropdown_icon
|
|
position relative
|
|
display inline-block
|
|
left .07rem
|
|
font-size .18rem
|
|
color #ffffff
|
|
.login_icon
|
|
position absolute
|
|
top .12rem
|
|
right .1rem
|
|
color #BBBBBB
|
|
.back_icon
|
|
font-size .20rem
|
|
line-height .44rem
|
|
.delete_icon_2
|
|
position absolute
|
|
top .07rem
|
|
right .1rem
|
|
color #BBBBBB
|
|
.modal_item
|
|
width 3.5rem
|
|
margin 0 auto
|
|
.textarea
|
|
display inline-block
|
|
width calc(100% - 0.8rem)
|
|
line-height 0.3rem
|
|
border 1px solid #d1d1d1
|
|
border-radius 4px
|
|
vertical-align top
|
|
padding 0 .05rem
|
|
.input_disabled
|
|
background-color #e1e1e1
|
|
.select_icon
|
|
width .2rem
|
|
height .2rem
|
|
line-height .2rem
|
|
text-align center
|
|
border-radius 100%
|
|
overflow hidden
|
|
.selected_icon
|
|
background-color #d7592f
|
|
color #fff
|
|
.unselect_icon
|
|
background-color #c0c4cc
|
|
color #c0c4cc
|
|
/** 按钮 **/
|
|
.btn
|
|
min-width .6rem
|
|
height .4rem
|
|
// line-height .3rem
|
|
font-size .15rem
|
|
color #ffffff
|
|
background-color #D7592F
|
|
padding 0 .1rem
|
|
border-radius 5px
|
|
.btn-disabled
|
|
background-color: $gray
|
|
/** 提交栏 **/
|
|
.submit-bar
|
|
display flex
|
|
justify-content space-between
|
|
align-items center
|
|
position fixed
|
|
bottom 0
|
|
width 100%
|
|
background-color #fff
|
|
box-shadow 0 0 20px 0 rgba(160,160,160,0.9)
|
|
.submit-bt
|
|
flex 1
|
|
line-height .4rem
|
|
margin .15rem 0.3rem
|
|
.wrap2
|
|
width 100%
|
|
padding 0.05rem 0.05rem 0.05rem 0.05rem
|
|
// no
|
|
.fxrow
|
|
display: flex
|
|
justify-content: space-between
|
|
align-items: center
|
|
|
|
.fxcol
|
|
flex: 1
|
|
overflow hidden
|
|
// no
|
|
.fxc
|
|
display: inline-block;
|
|
width: calc(100% - 0.8rem);
|
|
height: 0.3rem;
|
|
line-height: 0.3rem;
|
|
font-size: 0.13rem;
|
|
color: #606266;
|
|
text-indent: 0.05rem;
|
|
background-color: #fff;
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 4px;
|
|
|
|
[class^="icon-"]
|
|
display: inline-block
|
|
height: inherit
|
|
.search-input
|
|
margin-right: .15rem
|
|
_font(.28rem,.53rem,#929292)
|
|
background: #ffffff
|
|
&:disabled
|
|
cursor: not-allowed
|
|
.iliblock
|
|
flex 1
|
|
margin-left .05rem
|
|
position relative
|
|
.filter-scan
|
|
display: block
|
|
_ct()
|
|
right .15rem
|
|
_wh(.22rem,.22rem)
|
|
.icon-scan
|
|
flex 0 0 .22rem
|
|
_bis('../images/saoma.png',.22rem)
|
|
.filter-scan-input
|
|
padding-right .5rem
|
|
border-bottom 1px solid #d7d7d7
|
|
.loading-tips
|
|
_font(.12rem,.23rem,#929292,,center)
|
|
margin-bottom .12rem
|
|
.pagination-wrapper
|
|
display flex
|
|
justify-content flex-end
|
|
align-items center
|
|
.pagination-wrapper .total
|
|
color: #464646
|
|
margin-right 0.5rem
|
|
.van-pagination__item
|
|
color #464646
|
|
.van-pagination__item--active
|
|
background-color #d7592f
|
|
color #fff
|
|
.van-pagination__next, .van-pagination__prev
|
|
padding: 0 20px
|
|
// 弹窗 + 选择器
|
|
.msg_wrapper
|
|
position fixed
|
|
top 0
|
|
bottom 0
|
|
left 0
|
|
right 0
|
|
text-align center
|
|
z-index 100
|
|
&::after
|
|
content ""
|
|
display inline-block
|
|
height 100%
|
|
width 0
|
|
vertical-align middle
|
|
.msg_box
|
|
display inline-block
|
|
width 4.2rem
|
|
min-width 360px
|
|
padding .25rem
|
|
vertical-align middle
|
|
background-color #fff
|
|
border-radius .04rem
|
|
border 1px solid #ebeef5
|
|
font-size .18rem
|
|
box-shadow 0 2px 12px 0 rgb(0 0 0 / 10%)
|
|
text-align left
|
|
overflow hidden
|
|
backface-visibility hidden
|
|
.mask
|
|
position fixed
|
|
top 0
|
|
left 0
|
|
width 100%
|
|
height 100%
|
|
opacity .2
|
|
background #000
|
|
z-index 99
|
|
.msg_item
|
|
height .4rem
|
|
line-height .4rem
|
|
margin-bottom .07rem
|
|
.label_item
|
|
display inline-block
|
|
width .9rem
|
|
font-size .16rem
|
|
line-height inherit
|
|
.from_item
|
|
display inline-block
|
|
width calc(100% - 1rem)
|
|
line-height inherit
|
|
.from_item .el-select
|
|
width 100%
|
|
.from_item .el-input
|
|
font-size .14rem
|
|
.from_item .el-input__inner
|
|
height .4rem
|
|
line-height inherit
|
|
.el-select .el-input.is-focus .el-input__inner
|
|
border-color #e74f1a
|
|
.el-select-dropdown__item span
|
|
font-size .14rem !important
|
|
.el-select .el-input .el-select__caret
|
|
line-height .4rem
|
|
.el-input__inner
|
|
padding 0 .15rem
|
|
.el-input--suffix .el-input__inner
|
|
padding-right .3rem
|
|
.el-input__suffix
|
|
right .05rem
|
|
.el-select .el-input .el-select__caret
|
|
font-size .14rem
|
|
.el-input__icon
|
|
width .25rem
|
|
.msg_btns
|
|
_wh(3rem, .35rem)
|
|
line-height .35rem
|
|
margin .2rem auto 0
|
|
_fj()
|
|
.msg_input
|
|
_wh(100%, .4rem)
|
|
padding 0 .15rem
|
|
border-radius 4px
|
|
border 1px solid #DCDFE6
|
|
_font(.14rem,.4rem,#606266,,)
|
|
.msg_btn
|
|
width .8rem
|
|
height .35rem
|
|
line-height .35rem
|
|
font-size .14rem
|
|
color #fff
|
|
background-color #d7592f
|
|
border-radius 5px
|
|
text-align center
|
|
::-webkit-scrollbar
|
|
width 4px
|
|
::-webkit-scrollbar-track
|
|
background-color #fff
|
|
::-webkit-scrollbar-track-piece
|
|
background-color #e5e5e5
|
|
::-webkit-scrollbar-thumb
|
|
display block
|
|
width 4px
|
|
height 10px
|
|
margin 0 auto
|
|
cursor pointer
|
|
border-radius 2px
|
|
background-color #e1e1e1
|
|
// el-radio
|
|
.el-radio
|
|
margin-right .1rem
|
|
.el-radio__inner
|
|
_wh(.14rem, .14rem)
|
|
border .01rem solid #DCDFE6
|
|
&::after
|
|
_wh(.04rem, .04rem)
|
|
.el-radio__label
|
|
font-size .14rem
|
|
padding-left .1rem
|
|
.el-radio__input
|
|
vertical-align text-bottom
|
|
// 区域样式
|
|
.container
|
|
width 100%
|
|
height calc(100% - .4rem)
|
|
.left_block
|
|
width 15%
|
|
height 100%
|
|
overflow-y scroll
|
|
background-color #f7f7f7
|
|
.item_block
|
|
_fj(center,)
|
|
width 95%
|
|
height .7rem
|
|
border-bottom .02rem solid #e5e5e5
|
|
margin 0 auto
|
|
padding 0 20%
|
|
&:hover
|
|
background-color #eaeaea
|
|
p
|
|
_font(.16rem,.22rem,#444,,center)
|
|
.item_block_focus
|
|
background-color #e1e1e1
|
|
.right_block
|
|
width 85%
|
|
height 100%
|
|
overflow hidden
|
|
.icons
|
|
height .4rem
|
|
line-height .4rem
|
|
padding-left .2rem
|
|
.item_icon
|
|
_fj(flex-start)
|
|
.color_icon
|
|
_wh(.15rem, .15rem)
|
|
border-radius 4px
|
|
.font_icon
|
|
_font(.14rem,.4rem,#666,,)
|
|
padding 0 .2rem 0 .1rem
|
|
.blue
|
|
background-color $blue
|
|
border .01rem solid $blue
|
|
.green
|
|
background-color $green
|
|
border .01rem solid $green
|
|
.orange
|
|
background-color #E6A23C
|
|
border .01rem solid #E6A23C
|
|
.gray
|
|
background-color $gray
|
|
border .01rem solid $gray
|
|
.red
|
|
background-color $red
|
|
border .01rem solid $red
|
|
.locate_block
|
|
width calc(100% - .4rem)
|
|
height calc(100% - .6rem)
|
|
margin 0 .2rem
|
|
overflow-y scroll
|
|
.item_locate
|
|
float left
|
|
_wh(23%,1rem)
|
|
margin 0 2% .25rem 0
|
|
line-height 1rem
|
|
border-radius .1rem
|
|
overflow hidden
|
|
_fj()
|
|
padding 0 .1rem
|
|
p
|
|
_font(.16rem,.24rem,#fff,,center)
|
|
.bottom_block
|
|
_fj()
|
|
width 100%
|
|
height 1rem
|
|
padding 0 .2rem
|
|
border-top 2px solid #e5e5e5
|
|
.p1
|
|
display block
|
|
width 2rem
|
|
border-bottom .01rem solid #fff
|
|
_font(.15rem, .3rem, $red,,center)
|
|
background-color #e5e5e5
|
|
.p2
|
|
display block
|
|
_wh(2rem, .5rem)
|
|
box-sizing border-box
|
|
padding 0 .04rem
|
|
background-color #e5e5e5
|
|
_font(.15rem, .25rem, #464646,,left)
|
|
word-break break-all
|
|
text-overflow ellipsis
|
|
overflow-y auto
|
|
_fj()
|
|
justify-content center
|
|
.btn_block
|
|
width 1.4rem
|
|
height 100%
|
|
_fj(center,)
|
|
flex-direction column
|
|
.btn1
|
|
width 1rem
|
|
height .3rem
|
|
line-height .3rem
|
|
font-size 14px
|
|
text-align center
|
|
.mgb20
|
|
margin-bottom .1rem
|
|
button:disabled
|
|
background-color #e1e1e1
|
|
color #444
|
|
// same input
|
|
.showbox
|
|
display inline-block
|
|
// width calc(100% - .8rem)
|
|
width 100%
|
|
height .4rem
|
|
line-height .3rem
|
|
font-size .13rem
|
|
color #606266
|
|
text-indent .16rem
|
|
background-color #fff
|
|
border 1px solid #D1D1D1
|
|
border-radius 4px |