bulma - 如何在 Bulma 中制作可点击的图像，像 一样更改 mouseOver 上的指针？

Question

爱 bool 玛流。
只是想让我的图像更明显，点击时它们可以做事。

我可以用 vue.js 绑定(bind)样式，例如

<figure class="image is-128x128">
<img v-bind:src="currentTrack.coverURL"   
@mouseover="hover = true" 
@mouseleave="hover = false"
@click="playAudio()" 
:style="hover ? {opacity:0.5} : {opacity:1}" alt=""/>
</figure>

但鼠标指针不会改变为可能有助于它看起来更像按钮的东西......想知道是否有一个简单的 bool 玛属性我可以添加

提前致谢!

Answer 1

适用于 Bulma v0.9.1 及更新版本
正如@Relisora 所指出的，类is-clickable现在ships natively使用 Bulma，因此不需要额外的 CSS。

旧版本
不幸的是，Bulma 目前没有内置类。
但是，您可以轻松地为此创建一个类!为了遵循 Bulma 约定，我们称之为 is-clickable ，并使用 CSS 定义它:

.is-clickable {
  cursor: pointer;
}

现在只需在 <figure> 中包含该类-元素。
您可以阅读有关 cursor 的更多信息-规则 MDN .