样式
This commit is contained in:
@@ -41,7 +41,8 @@
|
||||
|
||||
.body-conatiner
|
||||
_fj()
|
||||
_wh(100%, calc(100% - 61px))
|
||||
_wh(100%, 100%)
|
||||
padding-top 80px
|
||||
.side-bar-container
|
||||
_wh(120px, 100%)
|
||||
border-right solid 1px #e6e6e6
|
||||
@@ -50,7 +51,7 @@
|
||||
|
||||
.site_container
|
||||
_fj()
|
||||
_wh(100%, calc(100% - 82px))
|
||||
_wh(100%, 100%)
|
||||
overflow hidden
|
||||
.left_side
|
||||
_wh(2.72rem, 100%)
|
||||
@@ -157,7 +158,7 @@
|
||||
height: 100%;
|
||||
opacity: .5;
|
||||
background: #000;
|
||||
z-index: 101;
|
||||
z-index: 201;
|
||||
.dialog_wrapper
|
||||
position: fixed;
|
||||
top: 0;
|
||||
@@ -165,7 +166,7 @@
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
z-index: 102;
|
||||
z-index: 202;
|
||||
.dialog
|
||||
position: relative;
|
||||
margin: 0 auto 50px;
|
||||
@@ -370,29 +371,31 @@
|
||||
width 100%
|
||||
_fj(, flex-start)
|
||||
.state_tip
|
||||
_wh(150px, 50px)
|
||||
_wh(200px, 100px)
|
||||
_fj(center)
|
||||
_font(18px, 15px, #ffffff,,center)
|
||||
_font(32px, 33px, #ffffff,,center)
|
||||
border 1px solid $red
|
||||
background-color #ffc3a7
|
||||
border-radius 6px
|
||||
margin-right 70px
|
||||
overflow hidden
|
||||
.state_content
|
||||
width calc(100% - 220px)
|
||||
width calc(100% - 270px)
|
||||
height 100px
|
||||
margin-bottom 20px
|
||||
_fj(flex-start)
|
||||
flex-wrap wrap
|
||||
.state_item_1
|
||||
_wh(150px, 50px)
|
||||
_wh(260px, 100px)
|
||||
_fj(center)
|
||||
border 1.6px solid #54C0B3
|
||||
background-color #fff
|
||||
_font(18px,25px,#54C0B3,,center)
|
||||
_font(32px,33px,#54C0B3,,center)
|
||||
border-radius 6px
|
||||
margin-bottom 20px
|
||||
margin-right 24px
|
||||
.state_item_2
|
||||
_wh(calc(33.333333% - 16px), 60px)
|
||||
_wh(calc(33.333333% - 16px), 100px)
|
||||
_fj(center)
|
||||
border 10px solid #DFE1E6
|
||||
background-color #fff
|
||||
@@ -406,12 +409,12 @@
|
||||
_wh(24px,24px)
|
||||
background-color #ffffff
|
||||
border-radius 50%
|
||||
margin-right 20px
|
||||
margin-right 24px
|
||||
.state_item_2_txt
|
||||
display block
|
||||
_font(18px,25px,#696969,,)
|
||||
_font(32px,33px,#696969,,)
|
||||
.state_item_3
|
||||
_wh(calc(33.333333% - 16px), 50px)
|
||||
_wh(calc(33.333333% - 16px), 100px)
|
||||
_fj(flex-start)
|
||||
border 1.6px solid #8B90A6
|
||||
background-color #fff
|
||||
@@ -423,11 +426,11 @@
|
||||
margin-right 0
|
||||
.state_item_3_txt1
|
||||
display block
|
||||
_font(18px,25px,#696969,,)
|
||||
_font(32px,33px,#696969,,)
|
||||
margin-right 12px
|
||||
.state_item_3_txt2
|
||||
display block
|
||||
_font(18px,25px,#FA6400,,)
|
||||
_font(32px,33px,#FA6400,,)
|
||||
.state_item_switch
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user