媒体报道&联系我们

src/assets/css/style.css

@@ -138,7 +138,7 @@ button[custom="red"] {
 }
 button[custom]:hover,
 button[custom="red"]:hover {
-  background-color: #99494c;
+  background-color: var(--hover-backcolor, #99494c);
 }
 button[custom] > .iconfont,
 button[custom="red"] > .iconfont {
@@ -153,22 +153,34 @@ button[custom="red"] > .label {
   position: relative;
   cursor: pointer;
 }
+.hover-bottom-animation.center {
+  --right: auto;
+  --left: 50%;
+  --transform: translateX(-50%);
+}
 .hover-bottom-animation::before {
   content: '';
   position: absolute;
   height: 2px;
   width: 0;
-  right: 0;
-  left: auto;
+  right: var(--right, 0);
+  left: var(--left, auto);
   bottom: 0;
+  transform: var(--transform);
   transition: width 0.2s ease-in-out;
   -webkit-transition: width 0.2s ease-in-out;
-  background-color: #fff;
+  background-color: var(--background-color, #fff);
 }
-.hover-bottom-animation:hover::before {
+.hover-bottom-animation:not(.center):hover::before {
   width: 100%;
-  left: 0;
-  right: auto;
+  --left: 0;
+  --right: auto;
+}
+.hover-bottom-animation.center:hover::before {
+  width: 100%;
+  --right: auto;
+  --left: 50%;
+  --transform: translateX(-50%);
 }
 .hover-bottom-animation.active:before,
 .hover-bottom-animation.router-link-exact-active:before {