This commit is contained in:
2023-05-25 17:05:49 +08:00
parent 351a1e2c65
commit 40fa4484ce
7 changed files with 94 additions and 61 deletions

View File

@@ -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;