上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

quasar自定义使用阿里矢量svg

[复制链接]
  • TA的每日心情
    擦汗
    昨天 09:20
  • 签到天数: 192 天

    [LV.7]常住居民III

    687

    主题

    5428

    回帖

    6365

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    6365

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2022-8-25 16:02:01 | 显示全部楼层 | 阅读模式

    其实挺简单的
    参考https://quasar.dev/vue-components/icon#svg-usage

    Syntax: "<path>&&<path>&&...|<viewBox>"
               P       P             V
                    (optional)   (optional)
                                 (default: 0 0 24 24)
    
    P is a path tag with following syntax (each are attributes):
            "<d>@@<style>@@<transform>"
            (required)
                (optional)
                         (optional)

    简单来说
    就是svg的path拼一起都用&&,viewBox前加个|
    没了
    我们可以看看栗子

    // Simplest ("<path>"):
      M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z
    
    // equivalent to:
    <svg viewBox="0 0 24 24">
      <path d="M9 3L5 6.99h3V....."/>
    </svg>
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表