Rhex
X
RSS

xheal

140 积分
2获赞0粉丝
Lv.2 初见2026-04-16 加入安徽

这个用户还没有留下简介。

介绍帖子4合集0回复16
2 天前评论帖子简单美化了一下程序的UI，希望大佬可以采纳到程序中回复 @admin

@熊猫 回复有字数限制，分两段 ```ts /* 帖子标签 - 红包帖 */ span[aria-label="红包帖"] { @apply inline-flex items-center justify-center rounded-xl cursor-pointer transition-all duration-300; background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); padding: 2px 8px 2px 6px; box-shadow: 0 2px 6px rgba(239, 68, 68, 0.1); } span[aria-label="红包帖"] img { filter: drop-shadow(0 1px 1px rgba(220, 38, 38, 0.4)); margin: 0; } span[aria-label="红包帖"]::after { content: "红包帖"; @apply text-[11px] text-red-600 font-semibold ml-1 leading-none tracking-wide; } /* 帖子标签 - 聚宝盆帖 */ span[aria-label="聚宝盆帖"] { @apply inline-flex items-center justify-center rounded-xl cursor-pointer transition-all duration-300; background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); padding: 2px 8px 2px 6px; box-shadow: 0 2px 6px rgba(245, 158, 11, 0.1); } span[aria-label="聚宝盆帖"] img { filter: drop-shadow(0 1px 1px rgba(217, 119, 6, 0.4)); margin: 0; } span[aria-label="聚宝盆帖"]::after { content: "聚宝盆"; @apply text-[11px] text-amber-600 font-semibold ml-1 leading-none tracking-wide; } /* 积分设置卡片高亮 */ div.flex.items-center.justify-between.gap-3:has(a[href="/settings?tab=points"]) { @apply rounded-2xl transition-all duration-300; background: linear-gradient(135deg, #fffbf4 0%, #fff9e3 100%); padding: 10px 6px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); } } ```

2 天前评论帖子简单美化了一下程序的UI，希望大佬可以采纳到程序中回复 @admin

@熊猫 贴一下代码，大佬可以抽空看看 ```ts @layer components { /* 全局鼠标手势优化 */ button, a[data-slot="dropdown-menu-item"], button[data-slot="button"] { cursor: pointer; } /* Dialog 弹窗关闭按钮容器布局微调 */ .absolute.right-4.top-4.z-20 { opacity: 1; pointer-events: auto; top: 15px; } .absolute.right-4.top-4.z-20 > .flex-col { flex-direction: row; align-items: center; } /* Dialog 弹窗关闭按钮 */ button[data-slot="dialog-close"] { @apply bg-gray-100 text-gray-600 border border-gray-200 rounded-lg px-2.5 text-xs font-medium transition-all duration-200; } button[data-slot="dialog-close"]:hover { @apply bg-gray-200 text-gray-700 border-gray-300 shadow-sm; } button[data-slot="dialog-close"]:active { @apply translate-y-px shadow-none; } /* 基础按钮悬浮状态 */ button[data-slot="button"]:not(.bg-primary):hover { @apply bg-gray-100 text-gray-900; } button[data-slot="button"].bg-primary:hover { @apply bg-[#3f3f3f]; } /* 特定小尺寸按钮（如列表操作按钮） */ button[class*="h-7"][class*="text-[11px]"], div.flex.items-center.justify-end.gap-3 > button:first-child { @apply bg-white border border-gray-200 text-gray-600 rounded-2xl px-3.5 transition-all duration-200; } div.flex.items-center.justify-end.gap-3 > button:first-child { height: 30px; } button[class*="h-7"][class*="text-[11px]"]:hover, div.flex.items-center.justify-end.gap-3 > button:first-child:hover { @apply bg-gray-100 border-gray-300 text-gray-900; } button[class*="h-7"][class*="text-[11px]"]:active, div.flex.items-center.justify-end.gap-3 > button:first-child:active { @apply translate-y-px; } ```

3 天前评论帖子2026-5-19 更新日志

@熊猫 可以考虑首页增加一个动态模块，就是站长可以随手发布的动态，类似朋友圈那种的，可以发更新动态，最新事件等等的