李恒道 发表于 2022-8-25 16:02:01

quasar自定义使用阿里矢量svg

其实挺简单的
参考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>
```
页: [1]
查看完整版本: quasar自定义使用阿里矢量svg