Vuetify3：自定义图标

dingcho

于 2024-07-27 01:08:40 发布

阅读量73

点赞数

分类专栏：前端文章标签： vuetify3 vuetify3icon

本文链接：https://blog.csdn.net/yao_guai/article/details/140726315

版权

前端专栏收录该内容

51 篇文章 0 订阅

订阅专栏

下列演示如何自定义小图标：

<template>
  <v-app>
    <v-main>
      <v-container>
        <v-row>
          <v-col cols="12" md="4">
            <img src="@/assets/company-logo-google.png" alt="Google" />
          </v-col>
          <v-col cols="12" md="4">
            <img src="@/assets/company-logo-facebook.png" alt="Facebook" />
          </v-col>
          <v-col cols="12" md="4">
            <img src="@/assets/company-logo-twitter.png" alt="Twitter" />
          </v-col>
        </v-row>
      </v-container>
    </v-main>
  </v-app>
</template>
 
<script>
export default {
  // ...
};
</script>
 
<style>
/* 确保您已经将公司图标添加到 Vuetify 项目的 assets 目录中 */
</style>

记得将您的公司图标图片放在项目的 assets 目录下，并确保您的图标文件名与代码中的路径相匹配。