refactor(floatbar): [floatbar] refactor theme vars

Author: Youyou-smiles

packages/theme/src/floatbar/index.less

@@ -24,36 +24,36 @@
   right: 10px;
   z-index: 99999;
   box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);;
-  border-radius: var(--tv-Float-bar-border-radius);
+  border-radius: var(--tv-Floatbar-bar-border-radius);
   overflow: hidden;
-  background: var(--tv-Float-bar-list-bg-color);
+  background: var(--tv-Floatbar-bar-list-bg-color);
 
   ul {
     li {
       display: block;
-      color: var(--tv-Float-bar-list-text-color);
-      font-size: var(--tv-Float-bar-font-size);
-      min-width: 014px;
+      color: var(--tv-Floatbar-bar-list-text-color);
+      font-size: var(--tv-Floatbar-bar-font-size);
+      min-width: 104px;
       min-height: 32px;
       line-height: 32px;
       text-align: center;
-      margin: var(--tv-Float-bar-li-margin-vertical) 0;
+      margin: var(--tv-Floatbar-bar-li-margin-v) 0;
       padding: 0 24px;
 
       &:hover {
-        background: rgba(0, 0, 0, 0.05)
+        background: #ededed
       }
 
       a {
         width: 100%;
         height: 100%;
-        color: var(--tv-Float-bar-list-text-color);
+        color: var(--tv-Floatbar-bar-list-text-color);
         cursor: pointer;
         outline: none;
 
         &:hover,
         &:focus {
-          color: var(--tv-Float-bar-list-hover-text-color);
+          color: var(--tv-Floatbar-bar-list-hover-text-color);
           text-decoration: none;
         }
       }

packages/theme/src/floatbar/vars.less

@@ -13,16 +13,15 @@
 .inject-Floatbar-vars() {
 
   // 浮动块圆角
-  --tv-Float-bar-border-radius: var(--tv-border-radius-lg);
+  --tv-Floatbar-bar-border-radius: var(--tv-border-radius-lg);
   // 浮动块字号
-  --tv-Float-bar-font-size: var(--tv-font-size-md);
+  --tv-Floatbar-bar-font-size: var(--tv-font-size-md);
   // 浮动块背景色
-  --tv-Float-bar-list-bg-color: var(--tv-color-bg-secondary);
+  --tv-Floatbar-bar-list-bg-color: var(--tv-color-bg-secondary);
   // ul,li边距
-  --tv-Float-bar-li-margin-vertical: var(--tv-space-md);
-
+  --tv-Floatbar-bar-li-margin-v: var(--tv-space-md);
   // 列表项文本色
-  --tv-Float-bar-list-text-color: var(--tv-color-text);
+  --tv-Floatbar-bar-list-text-color: var(--tv-color-text);
   // 列表项悬浮文本色
-  --tv-Float-bar-list-hover-text-color: var(--tv-color-text);
+  --tv-Floatbar-bar-list-hover-text-color: var(--tv-color-text);
 }