V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zdhxiong
V2EX  ›  分享创造

mdui2.0 发布了。使用 Web Components 实现 Material You 设计规范的前端组件库

  •  
  •   zdhxiong ·
    zdhxiong · 2023-10-17 10:46:37 +08:00 · 3447 次点击
    这是一个创建于 367 天前的主题,其中的信息可能已经有所发展或是发生改变。

    官网: https://www.mdui.org/

    文档: https://www.mdui.org/docs/2/

    Github: https://github.com/zdhxiong/mdui

    功能特性:

    1. 使用 Web Components 实现:使用 mdui 就像使用 <div> 标签一样简单,且兼容所有 js 框架
    2. Material You 设计规范:完全遵循 Material Design 3 ( Material You )设计规范
    3. 动态配色:支持根据给定的颜色值,或给定的图片,自动生成整套配色方案
    4. 暗色模式:支持暗色模式,及根据操作系统设置自动切换亮色、暗色模式
    5. IDE 支持:专门为 VSCode 和 WebStorm 提供了代码自动完成和悬停提示功能
    6. 轻量级:所有 CSS 和 JS minify+gzip 后仅 85KB
    7. TypeScript:组件全部使用 TypeScript 开发,包含类型声明文件,开发时可获得类型提示
    8. Material Icons:提供了图标库组件,可按需导入每一个图标
    22 条回复    2023-10-18 21:17:33 +08:00
    lqzhgood
        1
    lqzhgood  
       2023-10-17 11:35:36 +08:00
    支持一下,5 年前就在用 1.0 ~

    刚看到以前提的 issues 被关闭了,然后 2.0 就发了~
    cslive
        2
    cslive  
       2023-10-17 11:40:32 +08:00
    看着不错
    soya2
        3
    soya2  
       2023-10-17 11:56:40 +08:00
    支持,少有的 md you 的设计风格 ui 库
    815979670
        4
    815979670  
       2023-10-17 13:13:28 +08:00
    之前看 1.0 好久出新版了,以为被放弃了。
    没想到出 2.0 了 支持啊
    jingfelix
        5
    jingfelix  
       2023-10-17 13:13:43 +08:00
    支持!用了好久的 MDUI ,一直期待 MD3 版本。
    815979670
        6
    815979670  
       2023-10-17 13:21:29 +08:00
    好像没有 Table 组件?
    masellum
        7
    masellum  
       2023-10-17 13:45:33 +08:00
    提个小建议:文档中 design token 这一节把 token 翻译成“令牌”有点生硬,可以考虑翻译成“元符”“词元”“标记”“形符”之类的
    makelove
        8
    makelove  
       2023-10-17 14:12:00 +08:00   ❤️ 5
    @masellum 惯例就是翻成令牌,你后面那些词谁见过
    zdhxiong
        9
    zdhxiong  
    OP
       2023-10-17 14:28:55 +08:00
    @815979670 表格样式是有的: https://www.mdui.org/docs/2/styles/prose#table
    数据表格还没有
    masellum
        10
    masellum  
       2023-10-17 15:54:00 +08:00
    @makelove
    第一,你一个人读的书少没见过一些翻译方式并不代表所有人都没见过,更不代表这些词不存在。
    第二,翻译得好不好和词语是否出现过、是否常见并没有关系;如果你没见过就是翻译得不好,那么所有词语的第一版翻译一定都是不好的,这显然不正确。
    第三,惯例是翻成令牌也不代表这么翻译就好了;“鲁棒性”“缺省值”也是惯用的翻译,但是几乎没有人不觉得这种翻译烂。
    短短十几个字暴露出你的逻辑能力之低下。

    回到问题本身。无论我提供的翻译好还是不好,至少翻译成“令牌”肯定是不好的。退一万步讲,直接保留原文就叫 token ,也比会带来误解与歧义的“令牌”好。
    7gugu
        11
    7gugu  
       2023-10-17 15:59:28 +08:00
    看起来很不错
    lisongeee
        12
    lisongeee  
       2023-10-17 20:12:32 +08:00
    hhacker
        13
    hhacker  
       2023-10-17 20:16:42 +08:00 via Android   ❤️ 1
    @masellum 你可真厉害,我是没看出 @makelove 仁兄哪里“逻辑能力低下了”,一言不合就上升到这种高度真的好吗🐶
    masellum
        14
    masellum  
       2023-10-17 21:15:44 +08:00
    @hhacker 如果 ta 只说觉得“令牌”翻译得就是好、我说的词就是烂,我反倒没意见了,因为这属于个人品味不同。但是一定要绕个弯子说话并给自己的发言辩护一番,导致在两句话里就有我说的三个谬误出现,我觉得是逻辑不好的体现。另外,因为 ta 先不友好地回复我,所以我不想友好地回复回去。
    Kisesy
        15
    Kisesy  
       2023-10-17 22:21:44 +08:00
    非常好,一直很喜欢 mdui, 不过说真的,MD1 比 2 要好很多,风格非常突出,2 的话风格是比较平淡的
    我感觉微软的 Fluent UI 也非常不错,很喜欢,但是好像还没有像 mdui 这样简洁的 css 框架,希望未来有吧
    ZGame
        16
    ZGame  
       2023-10-18 08:36:16 +08:00
    为啥我看文档的时候切换组件 背景颜色都要变了
    sunorg
        17
    sunorg  
       2023-10-18 08:43:54 +08:00 via Android
    @masellum 没觉得他不友好。
    是不是人家头像是个“笑”字,看花了。

    令牌是通用,有钥匙的意在内,其他几个倒是真没见过,读起来感觉只说明“型”而无意。
    ohoh
        18
    ohoh  
       2023-10-18 08:58:31 +08:00
    倒是建议楼主自定义一套 UI 风格,md 真是丑出天际
    putaozhenhaochi
        19
    putaozhenhaochi  
       2023-10-18 09:20:19 +08:00 via iPhone
    好像是移动端组件库?
    hoythan
        20
    hoythan  
       2023-10-18 15:10:21 +08:00
    文档页在 Safari 卡的飞起
    NX2023
        21
    NX2023  
       2023-10-18 21:00:06 +08:00
    @Kisesy 我也这么感觉,以前的更好看(
    Plumbiu
        22
    Plumbiu  
       2023-10-18 21:17:33 +08:00
    @masellum 你这后面几个也不是同一个意思啊....
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2550 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 12:33 · PVG 20:33 · LAX 05:33 · JFK 08:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.