圣诞装饰组件 🎄

为您的论坛增添一点节日气氛——我推出一个圣诞装饰组件!:christmas_tree:

该组件包含三种装饰样式:

  1. 圣诞彩灯
  2. 圣诞帽
  3. 圣诞装饰图片

每种样式均可通过主题设置单独启用或禁用。对于“圣诞装饰图片”,还有一个选项可针对深色主题论坛反转颜色。

圣诞彩灯的设计灵感来源于 @Canapin 在此分享的 创意

圣诞快乐!:santa:

48 个赞

非常棒!有个小问题——“启用装饰图片”似乎没有产生任何效果。我觉得可能需要在 SCSS 中添加一个 if 语句?

9 个赞

感谢您提醒我!我已经推送了修复。:slight_smile:

7 个赞

这太棒了,谢谢。作为主题组件比作为主题使用要容易得多。

帽子功能立即可用,但我需要一番调试才能让灯光正常工作——例如勾选了启用/禁用复选框(虽然不确定这是否是生效的原因),并重启了 iOS Hub 应用。不过我想对于灯光设备来说,这种情况也算正常🙂

3 个赞

很高兴你喜欢!:slight_smile:

这有点奇怪。我刚刚在主题创建器上重新检查了组件的安装(再次),结果第一次就成功了。如果问题仍然存在,请告诉我。

2 个赞

现在一切正常了。也许是缓存的问题——头像比菜单栏更新得更快。“缓存”真是个万能的借口,毕竟我也不太懂它。

2 个赞

嗯,也许版主可以启用这里的这个组件,以确保它能正常运行……

1 个赞

在我的讨论中,帽子和灯都可以正常工作,但是装饰图像不显示。我不知道为什么会这样。

1 个赞

如果这有帮助的话,装饰仅在桌面顶部左侧和顶部右侧显示。

1 个赞

是的,我知道,但我在桌面视图中看不到任何内容。

1 个赞

装饰图像在最小屏幕宽度为 1450px 时显示。您是在小显示器或笔记本电脑上查看该网站吗?

1 个赞

哦。我在我的 2k 显示器上尝试了它,它能正常工作。现在我正在使用我的联想 Yoga Duet(有点像微软 Surface),它消失了。但是,是否可以在小显示器或笔记本电脑上显示它?

1 个赞

笔记本电脑用户看不到铃铛会很可惜……我喜欢它。它代表圣诞节。

1 个赞

您可以 fork 该主题并 调整屏幕宽度设置

1 个赞

太棒了!我会试试的!谢谢你的帮助!

1 个赞

如果有人有在装饰品之前出现的其他组件,您可以尝试添加此 CSS 来强制灯光排在最前面:

#main-container > * {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#main-container .lightrope {
  order: -1;
}

(这可能会破坏其他集成,因此请彻底测试)

4 个赞

我能更改灯光的颜色吗?

2 个赞

帽子未在帖子中显示。

2 个赞

@meghna 这太棒了!

“圣诞装饰图片”对我来说不起作用。

有什么方法可以更改灯的颜色吗?我正在尝试修改 CSS,但没有成功。

1 个赞

看起来它会在用户设置了 user-status 时,在表情符号(右上角用户菜单)上添加第二个帽子。

2 个赞