mdui2.0 发布了。使用 Web Components 实现 Material You 设计规范的前端组件库 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zdhxiong
V2EX    分享创造

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

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

    官网: 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
    &bsp;   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 卡的飞起
    nickxudotme
        21
    nickxudotme  
       2023-10-18 21:00:06 +08:00
    @Kisesy 我也这么感觉,以前的更好看(
    Plumbiu
        22
    Plumbiu  
       2023-10-18 21:17:33 +08:00
    @masellum 你这后面几个也不是同一个意思啊....
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2596 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 09:48 PVG 17:48 LAX 01:48 JFK 04:48
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86