style: 大屏设计器头部组件对齐功能添加鼠标悬浮展示文字

data-room-ui/packages/BigScreenDesign/PageDesignTop.vue

@@ -10,9 +10,15 @@
       <span class="logo-text name-span">{{ pageInfo.name }}</span>
     </div>
     <div class="head-btn-group">
-      <CusBtn
+      <el-tooltip
         v-for="(mode,index) in alignList"
         :key="mode.value"
+        class="bs-el-tooltip"
+        effect="dark"
+        :content="mode.label"
+        placement="top"
+      >
+        <CusBtn
           class="align-btn"
           @click="setAlign(mode.value)"
         >
@@ -20,6 +26,8 @@
             :name="iconList[index]"
           />
         </CusBtn>
+      </el-tooltip>
+
       <CusBtn
         :loading="saveAndPreviewLoading"
         @click.native="designAssign()"

data-room-ui/packages/assets/style/bsTheme.scss

@@ -586,13 +586,13 @@
 // switch
 .bs-el-switch {
   .el-switch__core {
-   background: var(--bs-el-background-1);
+   background: var(--bs-el-background-1) !important;
  }
 }
 
 .bs-el-form {
   .el-form-item__label{
-    color: var(--bs-el-title);
+    color: var(--bs-el-title) !important;
   }
 }