diff --git a/src/assets/icons/widget-empty-line.svg b/src/assets/icons/widget-empty-line.svg new file mode 100644 index 0000000..21b7d08 --- /dev/null +++ b/src/assets/icons/widget-empty-line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/icons/widget-empty.svg b/src/assets/icons/widget-empty.svg index 21b7d08..233e39b 100644 --- a/src/assets/icons/widget-empty.svg +++ b/src/assets/icons/widget-empty.svg @@ -1,4 +1,9 @@ - - - + + + + + + + + diff --git a/src/assets/styles/componets/_widget.scss b/src/assets/styles/componets/_widget.scss index 8323c88..999d33a 100644 --- a/src/assets/styles/componets/_widget.scss +++ b/src/assets/styles/componets/_widget.scss @@ -85,12 +85,25 @@ } } - // 拖拽态加深 + 加强模糊（旧版翻白 → 浅灰图标压浅白，是这轮修掉的反向翻车） + // 拖拽态翻白（沿用旧版白色语义：面板与 header 一并提亮，模糊略加强）。 + // ⚠️ 该元素同时挂着 .widget-wrap，--wg-fg* 是给深色玻璃配的白字， + // 翻白后必须同步反转为深色，否则重演「白底压白字 / 浅灰图标不可见」。 &__drag { - background: rgba(15, 23, 42, 0.56); + --wg-glass-bg: rgba(255, 255, 255, 0.6); + --wg-glass-border: rgba(15, 23, 42, 0.08); + --wg-glass-shadow: 0 14px 44px rgba(15, 23, 42, 0.2); + --wg-fg: #1f2d3d; + --wg-fg-dim: rgba(31, 45, 61, 0.62); + --wg-fg-shadow: none; + + background: var(--wg-glass-bg); backdrop-filter: blur(22px) saturate(150%); -webkit-backdrop-filter: blur(22px) saturate(150%); - box-shadow: 0 14px 44px rgba(0, 0, 0, 0.38); + box-shadow: var(--wg-glass-shadow); + + .widget-header { + background: rgba(255, 255, 255, 0.5); + } } } diff --git a/src/views/widget/WidgetManage.vue b/src/views/widget/WidgetManage.vue index ac48b59..635ced2 100644 --- a/src/views/widget/WidgetManage.vue +++ b/src/views/widget/WidgetManage.vue @@ -45,7 +45,9 @@
加载中…
-
🧩
+
+ +
候选池是空的

新环境不会自动种数据（手工种子只在 resources/sql/widget_catalog.sql，启动期 seeding 仅在库里一行都没有时才补 3 个内置键）。
可先把前端注册表里已有的内置组件登记进来。

@@ -118,6 +120,7 @@ import { Message } from "view-ui-plus"; import UserSettingApi from "@/api/UserSettingApi"; import { widgetRegistry } from "@/components/widgets"; import MyConfirm from "@/components/MyConfirm"; +import SvgIcon from "@/components/SvgIcon.vue"; import { useDefaultStore } from "@/store"; import type { WidgetCatalog } from "@/types"; import WidgetCard from "./WidgetCard.vue"; @@ -606,7 +609,9 @@ $wm-brand-weak: color.mix(#ffffff, $wm-brand, 90%); border: 1px dashed var(--wm-line2); border-radius: 10px; .es-ic { - font-size: 30px; + display: flex; + justify-content: center; + line-height: 0; } h5 { font-size: 14.5px;