init
This commit is contained in:
305
src/assets/css/layout.styl
Normal file
305
src/assets/css/layout.styl
Normal file
@@ -0,0 +1,305 @@
|
||||
.bg
|
||||
width 100%
|
||||
height 100%
|
||||
overflow hidden
|
||||
.login_bg
|
||||
width 100%
|
||||
height 100%
|
||||
overflow hidden
|
||||
.header
|
||||
height .87rem
|
||||
line-height .87rem
|
||||
margin 0 .38rem
|
||||
border-bottom 1px solid #1A0988
|
||||
overflow hidden
|
||||
.logo
|
||||
width 30%
|
||||
font-size .28rem
|
||||
line-height .87rem
|
||||
.tabs
|
||||
width 40%
|
||||
font-size .18rem
|
||||
a
|
||||
float left
|
||||
width 2.04rem
|
||||
color #ffffff
|
||||
text-align center
|
||||
font-size .22rem
|
||||
.tab-active
|
||||
background center center / 100% 100% url(../../assets/images/tab-bg.png) no-repeat
|
||||
.plugin
|
||||
width 30%
|
||||
.wearth
|
||||
position relative
|
||||
height .87rem
|
||||
line-height .87rem
|
||||
padding-right .2rem
|
||||
span
|
||||
display inline-block
|
||||
.wearth-icon
|
||||
position absolute
|
||||
left 0
|
||||
width .5rem
|
||||
height .87rem
|
||||
margin-right .09rem
|
||||
overflow hidden
|
||||
display flex
|
||||
justify-content center
|
||||
align-items center
|
||||
img
|
||||
width 100%
|
||||
height auto
|
||||
.wearth-sheshi-title
|
||||
font-size .4rem
|
||||
margin-left .59rem
|
||||
.date-box
|
||||
width 1.9rem
|
||||
height .87rem
|
||||
padding-left .2rem
|
||||
// background center left / 1px auto url(../../assets/images/w-line.png) no-repeat
|
||||
.time
|
||||
font-size .28rem
|
||||
line-height .34rem
|
||||
margin-top .2rem
|
||||
text-align right
|
||||
.date
|
||||
font-size .12rem
|
||||
line-height .2rem
|
||||
text-align right
|
||||
.week
|
||||
font-size .14rem
|
||||
// content
|
||||
.content
|
||||
width 100%
|
||||
padding 0 .38rem
|
||||
overflow hidden
|
||||
// padding-bottom .36rem
|
||||
.left-wrap
|
||||
position relative
|
||||
width 3rem
|
||||
height 9.19rem
|
||||
margin-top .38rem
|
||||
background top left / 100% 100% url(../../assets/images/left-bg.png) no-repeat
|
||||
.white-line
|
||||
position absolute
|
||||
top 8.5px
|
||||
left 0
|
||||
width 8px
|
||||
height 21px
|
||||
background-color #fff
|
||||
.right-wrap
|
||||
position relative
|
||||
height 9.57rem
|
||||
overflow hidden
|
||||
.left-title
|
||||
position relative
|
||||
font-size .16rem
|
||||
line-height .34rem
|
||||
padding-left .21rem
|
||||
i
|
||||
position absolute
|
||||
display block
|
||||
left 0
|
||||
top 50%
|
||||
margin-top -10.5px
|
||||
width 8px
|
||||
height 21px
|
||||
background-color #ffffff
|
||||
.left-content
|
||||
padding 0 .21rem
|
||||
.left-content-box
|
||||
padding-top .19rem
|
||||
.left-tip
|
||||
font-size .16rem
|
||||
line-height .34rem
|
||||
i
|
||||
color #00C2FE
|
||||
font-style normal
|
||||
.data-line-bg
|
||||
margin-top 5px
|
||||
height 12px
|
||||
background-color #0D2F87
|
||||
border-radius 12px
|
||||
i
|
||||
display block
|
||||
height 12px
|
||||
background-color #00C2FE
|
||||
border-radius 12px
|
||||
.center-content
|
||||
width 12.4rem
|
||||
margin-top .24rem
|
||||
text-align center
|
||||
font-size .16rem
|
||||
.center-detail
|
||||
line-height .34rem
|
||||
margin-top .16rem
|
||||
i
|
||||
font-style normal
|
||||
font-size .26rem
|
||||
color #d6594a
|
||||
.right-content
|
||||
width 3.03rem
|
||||
.output-box
|
||||
width 8rem
|
||||
height .58rem
|
||||
line-height .58rem
|
||||
margin 0 auto
|
||||
.digit-panel
|
||||
position relative
|
||||
.digit
|
||||
float left
|
||||
width .48rem
|
||||
height .58rem
|
||||
margin-right 10px
|
||||
overflow hidden
|
||||
background 100% url(../../assets/images/number-bg.png) no-repeat
|
||||
.digit:nth-child(1),
|
||||
.digit:nth-child(4),
|
||||
.digit:nth-child(7)
|
||||
margin-right .32rem
|
||||
.sub
|
||||
position absolute
|
||||
top 0
|
||||
.sub1
|
||||
left .58rem
|
||||
.sub2
|
||||
left 2.54rem
|
||||
.sub3
|
||||
left 4.5rem
|
||||
.sub sub
|
||||
font-size .46rem
|
||||
margin-right 10px
|
||||
.digit ul
|
||||
transition margin-top .5s ease
|
||||
.digit ul li
|
||||
width .48rem
|
||||
height .58rem
|
||||
font-size .46rem
|
||||
.center-wrap
|
||||
position relative
|
||||
width 10.38rem
|
||||
height 5.1rem
|
||||
margin .3rem auto 0 auto
|
||||
.output-img
|
||||
position absolute
|
||||
top -2rem
|
||||
left 0
|
||||
width 100%
|
||||
height auto
|
||||
.fs1
|
||||
position absolute
|
||||
width 2rem
|
||||
font-size .3rem
|
||||
line-height .47rem
|
||||
text-align center
|
||||
p
|
||||
padding-top .76rem
|
||||
font-size .3rem
|
||||
line-height .47rem
|
||||
.fs2
|
||||
font-size .1597rem
|
||||
position absolute
|
||||
width 1.26rem
|
||||
line-height .24rem
|
||||
text-align center
|
||||
.loc1
|
||||
top .94rem
|
||||
left 4.19rem
|
||||
.loc2
|
||||
top .1rem
|
||||
left 1.78rem
|
||||
.loc3
|
||||
top 1.49rem
|
||||
left .18rem
|
||||
.loc4
|
||||
top 3.29rem
|
||||
left .95rem
|
||||
.loc5
|
||||
top 3.29rem
|
||||
right .94rem
|
||||
.loc6
|
||||
top 1.2rem
|
||||
right .18rem
|
||||
.loc7
|
||||
top -0.2rem
|
||||
right 1.78rem
|
||||
.right-content
|
||||
margin-top .38rem
|
||||
width 3rem
|
||||
.right-content-wrap
|
||||
position relative
|
||||
width 3rem
|
||||
height 1.4rem
|
||||
margin-bottom .2rem
|
||||
background center / 100% auto url(../../assets/images/right-bg.png) no-repeat
|
||||
overflow hidden
|
||||
.icon-toStore
|
||||
width .55rem
|
||||
height .64rem
|
||||
margin .39rem 0 0 .46rem
|
||||
background center / 100% auto url(../../assets/images/icon-tostore.png) no-repeat
|
||||
.icon-outstore
|
||||
background center / 100% auto url(../../assets/images/icon-outstore.png) no-repeat
|
||||
.right-content-fstyle
|
||||
width 1.8rem
|
||||
margin .25rem 0 0 .1rem
|
||||
font-size .3rem
|
||||
line-height 1
|
||||
p
|
||||
font-size .16rem
|
||||
line-height .34rem
|
||||
white-space nowrap
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
.right-content-fstyle1
|
||||
font-size .24rem
|
||||
.bottom-content
|
||||
position absolute
|
||||
bottom 0
|
||||
right 0
|
||||
height 2.73rem
|
||||
.echart-wrap
|
||||
position relative
|
||||
width 7.52rem
|
||||
height 2.73rem
|
||||
background center / 100% auto url(../../assets/images/bottom-bg.png) no-repeat
|
||||
overflow hidden
|
||||
.wline
|
||||
position absolute
|
||||
top 25px
|
||||
left 0
|
||||
width 5px
|
||||
height 18px
|
||||
background-color #fff
|
||||
.echart-wrap-fl
|
||||
margin-right .21rem
|
||||
.xuni1
|
||||
font-size .18rem
|
||||
font-weight bold
|
||||
margin .12rem 0 0 .18rem
|
||||
.xuni-box-item
|
||||
width 2.62rem
|
||||
margin .4rem auto 0 auto
|
||||
.xuni-box-item-top
|
||||
font-size .16rem
|
||||
line-height .2rem
|
||||
height .2rem
|
||||
overflow hidden
|
||||
.xuni-bg-line
|
||||
width 100%
|
||||
height 12px
|
||||
margin-top 5px
|
||||
background-color #151f8c
|
||||
border-radius 10px
|
||||
position relative
|
||||
z-index 10
|
||||
.xuni-up-line
|
||||
position absolute
|
||||
height 12px
|
||||
border-radius 10px
|
||||
background-color #00c1ff
|
||||
width 0
|
||||
.drift
|
||||
transition left .3s linear
|
||||
.driftWide
|
||||
transition width 1s linear
|
||||
Reference in New Issue
Block a user