130 lines
3.3 KiB
Stylus
130 lines
3.3 KiB
Stylus
$themeColor = rgb(128,51,134);
|
|
$fontColor = rgb(77,9,86)
|
|
|
|
Button()
|
|
background linear-gradient(135deg,#fa2c19 0%,#fa6419 100%)
|
|
color white
|
|
padding 10px
|
|
width 85%
|
|
text-align center
|
|
border-radius 25px
|
|
border: 1px solid transparent
|
|
|
|
hint()
|
|
width 100%
|
|
box-sizing border-box
|
|
position absolute
|
|
text-indent 2em
|
|
z-index 9999
|
|
padding 10px
|
|
background rgba(255,255,255,0.8)
|
|
color rgb(0,133,208)
|
|
font-size 12px
|
|
line-height 1.4em
|
|
|
|
.home-wrap
|
|
overflow hidden
|
|
height: 100vh
|
|
width: 100%
|
|
.bottom-img
|
|
position absolute
|
|
bottom 0px
|
|
width 100%
|
|
left 0
|
|
.hint
|
|
width 100%
|
|
box-sizing border-box
|
|
position absolute
|
|
text-indent 2em
|
|
z-index 9999
|
|
padding 10px
|
|
background rgba(255,255,255,0.3)
|
|
backdrop-filter: blur(30)
|
|
color white
|
|
font-size 12px
|
|
line-height 1.4em
|
|
bottom 0
|
|
.background-wrap
|
|
position: fixed
|
|
z-index: -1
|
|
// .background-image
|
|
.top-brand-wrap
|
|
color: white
|
|
text-align: center
|
|
margin-top: 15vh
|
|
.info-card
|
|
position relative
|
|
// z-index 999
|
|
width 90%
|
|
box-shadow: 0 4px 10px #00000012
|
|
-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.07)
|
|
// background rgba(255, 255, 255, 0.7)
|
|
// backdrop-filter: blur(20px)
|
|
// -webkit-backdrop-filter: blur(20px)
|
|
background white
|
|
margin 0 auto
|
|
margin-top 10vh
|
|
z-index 500
|
|
padding-bottom 30px
|
|
padding-top 30px
|
|
.form
|
|
width 100%
|
|
padding 30px
|
|
box-sizing border-box
|
|
position relative
|
|
// z-index 999
|
|
.van-cell
|
|
height: 48px
|
|
background: transparent
|
|
>>>input
|
|
height 48px
|
|
// >>>field__body
|
|
.button
|
|
background linear-gradient(135deg,#fa2c19 0%,#fa6419 100%)
|
|
color white
|
|
padding 10px
|
|
width 85%
|
|
text-align center
|
|
border-radius 25px
|
|
border: 1px solid transparent
|
|
margin-bottom: 20px
|
|
.register
|
|
background linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%)
|
|
.flex-container
|
|
display flex
|
|
flex-direction column
|
|
justify-content center
|
|
align-items center
|
|
.main
|
|
width 100vw
|
|
position relative
|
|
z-index 800
|
|
.hint
|
|
width 70%
|
|
border-radius 10px
|
|
height 100px
|
|
background rgba(255,255,255,0.9)
|
|
position absolute
|
|
left 50%
|
|
top 50%
|
|
transform translate(-50%,-50%)
|
|
display flex
|
|
justify-content center
|
|
align-items center
|
|
color rgba(0,133,208,1)
|
|
.imgs-wrap
|
|
overflow hidden
|
|
width 100%
|
|
padding 8px
|
|
padding-top 40px
|
|
padding-bottom 50px
|
|
box-sizing border-box
|
|
.imgs-item
|
|
font-size 0
|
|
border 1px solid white
|
|
width 100%
|
|
margin-bottom 10px
|
|
border-radius 10px
|
|
overflow hidden
|
|
img
|
|
width 100% |