当前位置: 首页 > 知识库问答 >
问题:

vuetify按钮中的本地图标

蒋英博
2023-03-14

我有vue项目没有npm,纱线或smth其他。我刚刚下载了本地所有的Vue文件

现在我想使用vuetify v-btn中的本地图标2作为按钮图标。我怎么做?

共有1个答案

景安翔
2023-03-14
<v-btn icon>
  <v-img src="path/to/your/icon.svg" />
</v-btn>

正如Vuetify的文档中所述,由于v-btn使用一个内容槽,因此您可以在该槽中放入任何想要的元素
图标道具只是告诉v-btn要特别为图标(圆形)设计样式

 类似资料:
  • 地图右上方为地图操作按钮,可以对地图进行相关操作。 1搜索地图 单击地图右侧的搜索按钮 可以对地图信息进行搜索,再次单击将隐藏搜索面板。 2工具箱 点击此按钮会打开更多地图操作功能。详见6-10。 3测距 单击测距按钮 ,进入测距模式,在地图上单击开始测距,双击结束测距。再次单击测距按钮,退出测距模式。 4分享地图 单击地图分享按钮 ,你可以把您的地图分享给其他用户浏览,其他用户无需注册或登录就可

  • 我有一个带有标记的映射,由一个json文件生成,其中包含一个数值文本。对于标记生成,我使用Beaufify标记插件。这是我使用的代码的一部分 我想用最好和最干净的方法,改变选项上的变量文本('markers[I].temperatura'),在按钮上使用onclick操作。

  • 在Bootstrap框架下的一个按钮中,我很难将字体很棒的图标与文本垂直对齐。我尝试了很多事情,包括设置线的高度,但都没有效果。 http://jsfiddle.net/fPXFY/ 我怎样才能让这个工作?

  • 在新的Google Maps for Android API v2中,我可以很容易地获得自定义标记和信息窗口来显示。然而,我试图在我的信息窗口中设置多个按钮,每个按钮执行不同的操作,但问题是,map将InfoWindow视为它自己的按钮对象(无论我在哪里单击InfoWindow,它都会按下整个按钮)。有人知道如何更多地定制这个吗?

  • 我的app里有一些这样的按钮: 我正在尝试创建一个带有文本和图标的按钮。Android:DrawableLeft对我不起作用(也许会,但我不知道如何设置图标的最大高度)。 所以我创建了一个包含ImageView和TextView的LinearLayout,并使其像一个按钮一样运行: 我的新按钮正是我想要的(字体大小,图标和文本放置)。但它看起来不像我的默认按钮: 所以我试着改变新按钮的背景和文本颜

  • 我想创建一个单选按钮风格的投票系统使用的图标在Flutter(Dart),看起来像这样:投票图标 这个概念很简单:页面将显示一部电影,然后用户可以使用上面的图标按钮对该电影进行投票。当进行投票时,图标将变为红色,影片将添加到数组中。 我正在纠结的棘手部分是: 更改选定后图标的颜色 确保其他图标保持黑色 如果用户选择了其他选项,则将其他图标更改为黑色 提前道谢!

  • 我想包括使用FXML的图标和文本按钮。 我知道在FXML中,我可以用以下代码添加图像: 但我想知道如何将其与按钮代码合并:

  • 我想在一个材料UI按钮中居中文本,以便文本居中,而不管它旁边的图标。目前,图标包括在居中。 演示中的顶部两个按钮显示了它目前的外观,我正在寻找文本,因为它在底部两个按钮中出现。这些按钮的前后分别带有图标,而不影响按钮的文字。 最后两个是期望输出 https://codesandbox.io/s/material-demo-forked-tj8ko?file=/demo.js