fix theme...

2024-08-01 08:43:15 +08:00
parent 192ef21b12
commit 02130fba76
371 changed files with 28176 additions and 3285 deletions
--- a/themes/anzhiyu/source/css/_page/reward.styl
+++ b/themes/anzhiyu/source/css/_page/reward.styl
@@ -0,0 +1,135 @@
+.reward
+  & #con
+    width 350px
+    height 85px
+    position relative
+    border-radius 4px
+
+  & #TA-con
+    width 157px
+    height 50px
+    background-color #f25d8e
+    box-shadow 0 4px 4px rgba(255, 112, 159, 0.3)
+    position absolute
+    top 50%
+    left 10%
+    transform translateY(-50%)
+    border-radius 4px
+    cursor pointer
+    +maxWidth768()
+      width: 125px;
+      left: 54px;
+
+    &:hover
+      background-color #ff6b9a
+
+  & #text-con
+    width 100px
+    height 100%
+    margin 0 auto
+    position relative
+
+
+  & #linght
+    width 0
+    height 0
+    position absolute
+    top 36%
+    left 4px
+    border-color transparent
+    border-style solid
+    border-width 10px
+    border-top 10px solid #fff
+    border-radius 4px
+    transform rotate(-55deg)
+
+    &::after
+      position absolute
+      top -13px
+      left -11px
+      content ""
+      width 0
+      height 0
+      border-color transparent
+      border-style solid
+      border-width 10px
+      border-top 10px solid #fff
+      transform rotate(180deg)
+      border-radius 4px
+
+  & #TA
+    float right
+    line-height 50px
+    font-size 15px
+    color #fff
+
+  & #tube-con
+    width 157px
+    height 55px
+    position absolute
+    right -5px
+    top 15px
+
+  & svg
+    width 100%
+    height 100%
+
+  & #mask
+    width 0px
+    height 100%
+    overflow hidden
+    position absolute
+    top 0
+    left 0
+    transition all 0.5s
+
+  & #mask svg
+    width 157px
+    height 55px
+
+  & #TA-con:hover + #tube-con > #mask
+    width 157px
+
+  & #TA-con:hover + #tube-con > #orange-mask
+    animation move1 0.5s linear 0.2s infinite
+
+  & #TA-con:hover + #tube-con > #orange-mask svg
+    animation movetwo 0.5s linear 0.2s infinite
+
+  & #orange-mask
+    width 18px
+    height 100%
+    overflow hidden
+    position absolute
+    left -15px
+    top 0px
+
+  & #orange-mask svg
+    position absolute
+    top 0
+    left 15px
+    width 157px
+    height 55px
+
+@keyframes move1
+  0%
+    transform: translateX(-15px);
+  100%
+    transform: translateX(140px);
+
+@keyframes movetwo
+  0%
+    transform: translateX(15px);
+  100%
+    transform: translateX(-140px);
+
+.reward #people
+  position absolute
+  right 10px
+  top 4px
+  font-size 12px
+  font-family "雅黑"
+  color #aaa
+
+  & > b
+    color #777