V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
qwertyzzz
V2EX  ›  程序员

为什么这个 daiyui 的代码显示不出图标呢

  •  
  •   qwertyzzz ·
    123 · 195 天前 · 1631 次点击
    这是一个创建于 195 天前的主题,其中的信息可能已经有所发展或是发生改变。

    其他的都可以 就这个不行

    第 1 条附言  ·  195 天前
    5 楼的可以 我的意思不是官方那个看不到图标 可能我没表述清楚 是官方代码复制出来显示不出图标
    7 条回复    2024-05-11 13:09:53 +08:00
    Iamadog
        1
    Iamadog  
       195 天前
    这个就是啊,图标嵌在里面了
    LavaC
        2
    LavaC  
       195 天前
    外面多套层 flex ,原因是图标偏离了
    jifengg
        3
    jifengg  
       195 天前
    "*** with icons inside"
    iblessyou
        4
    iblessyou  
       195 天前
    有没有可能,人家图标就长这样,那是个黑底里面是太阳?
    NoManPlay
        5
    NoManPlay  
       195 天前
    label 上加一个 justify-center 类名就可以
    ```
    <label class="cursor-pointer grid place-items-center justify-center">
    <input type="checkbox" value="synthwave" class="toggle theme-controller bg-base-content row-start-1 col-start-1 col-span-2"/>
    <svg class="col-start-1 row-start-1 stroke-base-100 fill-base-100" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M1 12h2M21 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4"/></svg>
    <svg class="col-start-2 row-start-1 stroke-base-100 fill-base-100" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
    </label>
    ```
    summerwar
        6
    summerwar  
       195 天前
    你看到的那个就是图标,是个太阳,你再点下就是个右侧的月亮了,只是图标和其他的不太一样而已

    主要是 icon 和 toggle 的背景重叠导致的看起来不太一样
    qwertyzzz
        7
    qwertyzzz  
    OP
       195 天前
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5078 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 09:35 · PVG 17:35 · LAX 01:35 · JFK 04:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.