mirror of https://github.com/jkjoy/sunpeiwen.git
75 lines
1.4 KiB
Stylus
75 lines
1.4 KiB
Stylus
|
.post-reward
|
||
|
|
position: relative
|
||
|
|
margin-top: 80px
|
||
|
|
width: 100%
|
||
|
|
text-align: center
|
||
|
|
pointer-events: none
|
||
|
|
|
||
|
|
& > *
|
||
|
|
pointer-events: auto
|
||
|
|
|
||
|
|
.reward-button
|
||
|
|
display: inline-block
|
||
|
|
padding: 4px 24px
|
||
|
|
background: var(--btn-bg)
|
||
|
|
color: var(--btn-color)
|
||
|
|
cursor: pointer
|
||
|
|
|
||
|
|
&:hover
|
||
|
|
.reward-button
|
||
|
|
background: var(--btn-hover-color)
|
||
|
|
|
||
|
|
& > .reward-main
|
||
|
|
display: block
|
||
|
|
|
||
|
|
.reward-main
|
||
|
|
position: absolute
|
||
|
|
bottom: 40px
|
||
|
|
left: 0
|
||
|
|
z-index: 100
|
||
|
|
display: none
|
||
|
|
padding: 0 0 15px
|
||
|
|
width: 100%
|
||
|
|
|
||
|
|
.reward-all
|
||
|
|
display: inline-block
|
||
|
|
margin: 0
|
||
|
|
padding: 20px 10px
|
||
|
|
border-radius: 4px
|
||
|
|
background: var(--reward-pop)
|
||
|
|
|
||
|
|
&:before
|
||
|
|
position: absolute
|
||
|
|
bottom: -10px
|
||
|
|
left: 0
|
||
|
|
width: 100%
|
||
|
|
height: 20px
|
||
|
|
content: ''
|
||
|
|
|
||
|
|
&:after
|
||
|
|
position: absolute
|
||
|
|
right: 0
|
||
|
|
bottom: 2px
|
||
|
|
left: 0
|
||
|
|
margin: 0 auto
|
||
|
|
width: 0
|
||
|
|
height: 0
|
||
|
|
border-top: 13px solid var(--reward-pop)
|
||
|
|
border-right: 13px solid transparent
|
||
|
|
border-left: 13px solid transparent
|
||
|
|
content: ''
|
||
|
|
|
||
|
|
.reward-item
|
||
|
|
display: inline-block
|
||
|
|
padding: 0 8px
|
||
|
|
list-style-type: none
|
||
|
|
vertical-align: top
|
||
|
|
|
||
|
|
img
|
||
|
|
width: 130px
|
||
|
|
height: 130px
|
||
|
|
|
||
|
|
.post-qr-code-desc
|
||
|
|
width: 130px
|
||
|
|
color: $reward-pop-up-color
|