文章/答案/技术大牛

发布

社区首页 >问答首页 >如何更改Vuestic管理主题收藏夹图标

问如何更改Vuestic管理主题收藏夹图标
EN

Stack Overflow用户

提问于 2019-06-05 11:07:40

回答 2查看 262关注 0票数 2

如何更改Vuestic Admin主题中的图标？我查找了index.js文件，但它没有指定图标的路径。

page/public/folicon.ico

page/public/index.js

<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

vue.js

回答 2

Stack Overflow用户

发布于 2019-07-11 20:55:33

你只需替换公共文件夹中的默认收藏图标：https://github.com/epicmaxco/vuestic-admin/blob/master/public/favicon.ico，默认情况下浏览器会拿起它。

如果您要使用png，请将您的镜像放在公共文件夹中，并将其添加到索引模板中：

https://github.com/epicmaxco/vuestic-admin/blob/master/public/index.html

<link rel="shortcut icon" type="image/png" href="favicon.png" />

希望这能有所帮助！

票数 3

Stack Overflow用户

发布于 2021-10-22 05:19:33

您可以将路径标记替换为文本或图像，如下所示

    <template>
      <svg
        class="va-icon-vuestic"
        :height="height"
        viewBox="0 0 478 60"
        fill="none"
        xmlns="http://www.w3.org/2000/svg">
        <text x="0" y="50" font-size="50px" fill="url(#paint0_linear)">your logo
        </text>
    
        <defs>
          <linearGradient
            id="paint0_linear"
            x1="0"
            y1="56.1386"
            x2="357.64"
            y2="56.1386"
            gradientUnits="userSpaceOnUse"
          >
            <stop :stop-color="colorsComputed.end"/>
            <stop offset="1" :stop-color="colorsComputed.start"/>
          </linearGradient>
        </defs>
      </svg>
    </template>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56453790

复制

相似问题

问如何更改Vuestic管理主题收藏夹图标
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改Vuestic管理主题收藏夹图标EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改Vuestic管理主题收藏夹图标
EN