样式
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
@import 'iconfont.styl';
|
||||
@import 'mixin.styl';
|
||||
@font-face
|
||||
font-family 'iconfont';
|
||||
src url('iconfont/iconfont.eot');
|
||||
@@ -76,47 +77,64 @@
|
||||
.radio_unselect_icon
|
||||
border 1px solid #1989fa
|
||||
background-color #fff
|
||||
.button
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
background: #909399;
|
||||
border: 1px solid #909399;
|
||||
color: #ffffff;
|
||||
-webkit-appearance: none;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
transition: .1s;
|
||||
font-weight: 500;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
padding: 7px 12px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
.button--primary
|
||||
min-width .6rem
|
||||
height .3rem
|
||||
line-height .3rem
|
||||
font-size .15rem
|
||||
color #ffffff
|
||||
background-color #286666
|
||||
padding 0 .1rem
|
||||
border-radius 5px
|
||||
background-color #67c23a
|
||||
border-color #67c23a
|
||||
.button--defalut
|
||||
color #fff
|
||||
border 1px solid #c9c9c9
|
||||
background-color #c9c9c9
|
||||
|
||||
/**header*/
|
||||
.container
|
||||
_wh(100%, 100vh)
|
||||
header
|
||||
height .6rem
|
||||
padding 0 .05rem
|
||||
border-bottom .02rem solid #15347b
|
||||
box-shadow 0 1px 2px rgba(228, 243, 244, 0.5)
|
||||
height 45px
|
||||
padding 0 15px
|
||||
border-bottom 1px solid rgb(255, 208, 75)
|
||||
box-shadow 0 1px 2px rgba(255, 208, 75, 0.5)
|
||||
_fj()
|
||||
.header-tip
|
||||
line-height .6rem
|
||||
font-size .2rem
|
||||
line-height 32px
|
||||
font-size 16px
|
||||
color #fff
|
||||
.header-btn
|
||||
margin-top .15rem
|
||||
|
||||
/**nav*/
|
||||
.tabs
|
||||
width 100%
|
||||
font-size .18rem
|
||||
line-height .4rem
|
||||
height .4rem
|
||||
height 34px
|
||||
margin-bottom 10px
|
||||
li
|
||||
float left
|
||||
width 1rem
|
||||
line-height 32px
|
||||
text-align center
|
||||
a
|
||||
display inline-block
|
||||
color #fff
|
||||
width 100%
|
||||
font-size 14px
|
||||
padding 0 20px
|
||||
.router-link-active
|
||||
border-bottom 1px solid #15347b
|
||||
box-shadow 0 2px 0 rgba(228, 243, 244, 0.5)
|
||||
@@ -124,22 +142,61 @@ header
|
||||
/**content*/
|
||||
.wrap
|
||||
width 100%
|
||||
padding .05rem
|
||||
.wrap-filter
|
||||
height calc(100% - 46px)
|
||||
padding 15px
|
||||
.wrap-filter-buttons
|
||||
width 100%
|
||||
height .5rem
|
||||
color #fff
|
||||
margin-bottom 15px
|
||||
.wrap-filters
|
||||
display flex
|
||||
justify-content space-between
|
||||
width 100%
|
||||
height 40px
|
||||
.wrap-buttons
|
||||
width 100%
|
||||
height 100%
|
||||
margin 10px 0
|
||||
text-align right
|
||||
.filter_item
|
||||
width 49%
|
||||
display flex
|
||||
justify-content space-between
|
||||
.filter_label
|
||||
_font(14px, 40px, #fff,,)
|
||||
width 70px
|
||||
.filter_input
|
||||
position relative
|
||||
width calc(100% - 70px)
|
||||
height 40px
|
||||
line-height 40px
|
||||
.filter-input
|
||||
_wh(100%, 40px)
|
||||
_font(14px, 34px, #606266,,)
|
||||
padding 3px 10px
|
||||
border-radius 4px
|
||||
.grid_wraper
|
||||
_wh(100%, calc(100% - 95px))
|
||||
overflow-y auto
|
||||
.filter-table
|
||||
width 100%
|
||||
border 1px solid #fff
|
||||
margin .1rem 0
|
||||
text-align center
|
||||
th
|
||||
position: sticky;
|
||||
top -1px
|
||||
z-index 1
|
||||
color #606266
|
||||
background-color #8B90A6
|
||||
th,td
|
||||
line-height .18rem
|
||||
font-size .13rem
|
||||
padding .05rem .01rem
|
||||
border 1px solid #fff
|
||||
line-height 18px
|
||||
font-size 12px
|
||||
padding 5px
|
||||
color #fff
|
||||
td
|
||||
border 1px solid #8B90A6
|
||||
&:first-child
|
||||
border-left 0
|
||||
&:last-child
|
||||
border-right 0
|
||||
.input
|
||||
width 1.8rem
|
||||
height .3rem
|
||||
@@ -213,12 +270,12 @@ input::-webkit-input-placeholder
|
||||
line-height .16rem
|
||||
color #606266
|
||||
font-size .13rem
|
||||
.el-date-editor--daterange.el-input__inner
|
||||
width 260px
|
||||
.el-select-dropdown__item
|
||||
height .26rem !important
|
||||
line-height .26rem !important
|
||||
font-size .16rem !important
|
||||
.el-input__inner
|
||||
height .3rem
|
||||
line-height .3rem
|
||||
.el-range-editor.el-input__inner
|
||||
width 100%
|
||||
// .el-select-dropdown__item
|
||||
// height .26rem !important
|
||||
// line-height .26rem !important
|
||||
// font-size .16rem !important
|
||||
// .el-input__inner
|
||||
// height .3rem
|
||||
// line-height .3rem
|
||||
@@ -20,10 +20,11 @@ _font(size,height,color=$fc1,weight=normal,align=left)
|
||||
text-align: align
|
||||
|
||||
//flex 布局和 子元素 对其方式
|
||||
_fj(x=space-between,y=center)
|
||||
_fj(x=space-between,y=center,z=row)
|
||||
display: flex
|
||||
justify-content: x
|
||||
align-items: y
|
||||
flex-direction: z
|
||||
|
||||
// 背景图片地址和大小
|
||||
_bis(url,w,h=auto,x=center,y=center)
|
||||
|
||||
Reference in New Issue
Block a user