检测到论坛CSS可能没有正确加载,如出现排版混乱请刷新重试。

We detected that the CSS might not be loaded correctly. If the website displays abnormally, Please refresh and try again.

DaleZ 一起欣赏大号标题栏后的 Flarum PWA。。。

1 个月 后

焊锡锡 (一个月之后的反驳)小秘密:我的 VSCode 也是 PWA


现在我们前往 Next Valley 下一个版本。
首先感谢一下微软,因为把整个 Windows UI 2 实现库(我指的是 Windows UI Library)开源了,现在掌握了一大堆控件的设计参数之后,我们可以在仿真度上更进一步了。
不多说,先上图


另外还要感谢 TinyPNG 的超级压图能力,不然就没噪点了❤️
等我肝完作业就可以进入 Beta 流程了~
不过个人还是不太满意这个亚克力,微软官方源代码里面只有大把 Windows 10 的亚克力背景刷子,但复刻出来看着真的不顺眼,而目前自己调的还是不大好……
求11的刷子

    DaleZ 那就怪了,难道真的是桌面端限制?

    哦对了后来看到我这边是有警告的:

    WebSocket connection to 'wss://.../...(省略)' failed: WebSocket is closed before the connection is established.

    DaleZ 点进去那个开源的链接才发现我去年在那里下过什么包来着
    建议楼主以后可以去WinUI Community Call

      何木槿 不就是 WinUI 库嘛……
      Call 那边可不干我这一行😂


      ThinkBou 这还不算很像吧,对比度一看就不高😮‍💨

      v1.2.0-beta

      下一个大版本更新预览已推送。
      已更新界面,但尚不会宣布更新内容。此版本仅用于检查 Bug。

      焊锡锡 麻烦您可以右键一下 Button 然后把控制台截图最大化给我,谢谢


      不用了,谢谢您的反馈❤️

        位于 dev-main 通道的测试更新

        恳请论坛进行测试。
        撤销,稍后正式发布。

        试图搞一个 Logo。

        但各位应该都看得出来它与官方的联系……
        WinUI Logo
        所以这样算侵权吗

        v1.2.0

        首先对微软表示衷心的感谢,通过对微软的开源 Windows UI Library 代码进行研究,我们进一步提升了 UI 细节。

        TL;DR

        进度环不再具有锯齿。
        对一些控件应用了亚克力材料。
        更改了一些细节。

        详细更新内容

        • 更新了上下文菜单项目的外边距。
        • 更新了按钮边框并删除阴影。
        • 更新了 UI 边框,现在是半透明的边框。
        • 模态窗口圆角与边框之间不再有缝隙。
        • 对少量控件应用了主题色。
        • 更新背景材料为半透明色。
        • 更新了通知样式。
        • 更新了模态窗口背景。
        • 更新了输入控件和选择控件的样式。
        • 更新了工具提示的样式并添加亚克力背景材料。
        • 修正浅色模式下审核帖子的按钮上文字对比度低的问题。
        • 为上下文菜单添加了亚克力背景材料。

        敬请注意

        亚克力材料仅当符合以下条件时可用:

        • 当前 Flarum 布局不处于移动端模式;
        • 您的浏览器支持 backdrop-filter CSS(不包括 -webkit-backdrop-filter);

        当处于不符合条件的设备时,使用亚克力材料的 UI 将回退到纯色背景。
        此版本的主题使用 outline 部分替代了 border,这将导致某些使用了.Dropdown-menu class 但不是上下文菜单的 UI 出现问题。

        • 对于用户:请通知我们以针对此类 UI 进行适配。
        • 对于开发者:不是上下文菜单的 UI 请尽量避免使用 .Dropdown-menu class。

        今天可以更新了⑧……
        DaleZ 另:“不用了”是因为后来我发现有个“允许用户举报自己的帖子”的开关😅
        把自己的帖子举报了233次🤪

        v1.2.1

        未作界面更新,仅重写少量 CSS。

        为啥重写嘞?

        好好的圆角全被你 Safari 毁掉了!人家 Chrome 和 Firefox 2021年早早地就修了这个 Bug,你呢?
        (又及:iOS 16.4 发布于今年。)
        害得我不得不用阴影来伪装边框🤬

        最后提两个意见:

        1. 更新下fof/Night-mode,最新版本解决了深色模式还是浅色滚动条的问题。
          不过论坛目前通过 CSS 解决了这个问题,所以不更新也可以,酌情吧。
        2. 如果\webmanifest是可编辑的,那么替换成
          {
              "name": "wvbCommunity",
              "description": "wvbCommunity: where Vista booms! 这里是一个正在成为电脑数码技术乐园的小圈子。",
              "start_url": "/",
              "scope": "/",
              "dir": "auto",
              "theme_color": "#1B74E8",
              "display": "standalone",
              "icons": [
                  {
                      "src": "https://community.wvbtech.com/assets/pwa-icon-48x48.png",
                      "sizes": "48x48",
                      "type": "image/png"
                  },
                  {
                      "src": "https://community.wvbtech.com/assets/pwa-icon-72x72.png",
                      "sizes": "72x72",
                      "type": "image/png"
                  },
                  {
                      "src": "https://community.wvbtech.com/assets/pwa-icon-96x96.png",
                      "sizes": "96x96",
                      "type": "image/png"
                  },
                  {
                      "src": "https://community.wvbtech.com/assets/pwa-icon-144x144.png",
                      "sizes": "144x144",
                      "type": "image/png"
                  },
                  {
                      "src": "https://community.wvbtech.com/assets/pwa-icon-196x196.png",
                      "sizes": "196x196",
                      "type": "image/png"
                  },
                  {
                      "src": "https://community.wvbtech.com/assets/pwa-icon-256x256.png",
                      "sizes": "256x256",
                      "type": "image/png"
                  },
                  {
                      "src": "https://community.wvbtech.com/assets/pwa-icon-512x512.png",
                      "sizes": "512x512",
                      "type": "image/png"
                  }
              ],
              "background_color": "#1B74E8",
              "display_override": [
                  "window-controls-overlay",
                  "standalone"
              ]
          }
          即可打开Window Controls Overlay,如果不可编辑但可添加额外行,那加上"display_override": ["window-controls-overlay", "standalone"]也可以完成。
        15 天 后

        各位觉得这个噪点够吗……我在电脑上凑屏幕也看不到噪点,在 iPhone 上开最大亮度才能勉强看到

        © 2025 wvbCommunity 管理团队

        删封申诉 | 知乎专栏 | 状态监控 | 用户协议(EULA) | 隐私政策

        本站文章除其作者特殊声明外,一律采用CC BY-NC-SA 4.0许可协议进行授权,进行转载或二次创作时务必以相同协议进行共享,严禁用于商业用途。