qdt-admin-layout 1.1.47 → 1.1.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qdt-admin-layout",
-  "version": "1.1.47",
+  "version": "1.1.48",
   "description": "基于element-ui的后台管理layout的管家婆改版",
   "main": "src/index.js",
   "module": "dist/esm/index.js",

package/src/component/Header/index.vue

@@ -71,6 +71,7 @@ export default {
           <span class="username">大屏可视化</span>
           <i class="el-icon-monitor username" />
           <span class="username shu">|</span>
+          <span id="largeScreenTrigger_free">限时免费！</span>
         </div>
       );
     },

package/src/component/Header/style.scss

@@ -73,7 +73,7 @@
   }
   /* 确保触发元素不被其他样式影响 */
   .download-trigger {
-    position: relative;  /* 作为弹框的直接定位基准 */
+    position: relative; /* 作为弹框的直接定位基准 */
     display: inline-flex;
     align-items: center;
     gap: 4px;
@@ -82,17 +82,25 @@
     /* 新增：给触发元素添加明确的位置标识，辅助弹框定位 */
   }
 }
-.user-dropdown-reference{
+.user-dropdown-reference {
   .el-popover {
     top: 140%;
-    left: 65% !important;  /* 水平居中对齐触发元素 */
-    transform: translateX(-50%) !important;  /* 水平居中偏移 */
-    margin: 0 !important;  /* 清除默认margin，避免偏移 */
+    left: 65% !important; /* 水平居中对齐触发元素 */
+    transform: translateX(-50%) !important; /* 水平居中偏移 */
+    margin: 0 !important; /* 清除默认margin，避免偏移 */
     z-index: 9999 !important;
   }
 }
-.largeScreenClass{
-  color: #666666;margin-right: 10px;font-size: 15px;
+
+#largeScreenTrigger {
+  position: relative;
+  #largeScreenTrigger_free {
+    position: absolute;
+    bottom: 5px;
+    right: 30px;
+    font-size: 10px;
+    color: orange;
+  }
 }
 @import "theme-light";
 @import "theme-dark";