页面跳转

2023-06-15 10:38:16 +08:00
parent 3d7a58529d
commit 0c0fe21681
5 changed files with 108 additions and 34 deletions
--- a/src/assets/css/layout.styl
+++ b/src/assets/css/layout.styl
@@ -0,0 +1,38 @@
+@import 'mixin.styl'
+
+.tooltip_wrap
+  position fixed
+  bottom 10%
+  z-index 10
+  _wh(auto, 40px)
+  padding 5px 5px
+  background-color rgba(228,233,237,1)
+  _fj(row)
+  &:hover
+    opacity 1 !important
+.left_tooltip_wrap
+    right 0
+    border-top-left-radius 12px
+    border-bottom-left-radius 12px
+.right_tooltip_wrap
+    left 0
+    border-top-right-radius 12px
+    border-bottom-right-radius 12px
+.tooltip_arrow
+  _wh(40px, 100%)
+  _font(14px, 30px, #999,,)
+.tooltip_pages
+  height 100%
+  _fj(row)
+  transition width .3s ease
+  overflow hidden
+.tooltip_page
+  _wh(30px, 100%)
+  margin 0 5px
+  _font(14px, 30px, #999,,)
+  border 1px solid #999
+  border-radius 50%
+  &:hover
+    background-color #03fcfd
+    border-color #03fcfd
+    color #fff