小程序中 view、button组件支持 hover-class 属性,就是点击时的效果。
但是,不少朋友发现 hover-class 并不起作用。不管是 uniapp 还是微信小程序原生开发,都有这种情况。
例如:
<view hover-class='btn-hover' class='btn-normal' @click='clickButton'>hover-class无效果</view>
.btn-hover {
background-color: #000;
color: #fff;
}
.btn-normal {
background-color: #fff;
color: #000;
}
上面的代码,看上去没有任何问题,但是hover-class就是不起作用……
怎么回事儿?
其问题的关键就是,hover-class 的优先级必须要比class 高才能起作用!
根据CSS规定,越靠后的优先级越高。所以,把 hover-class 写在 class 后面,就可以:
.btn-normal {
background-color: #fff;
color: #000;
}
.btn-hover {
background-color: #000;
color: #fff;
}
或者加上 !important,强行提高优先级:
.btn-hover {
background-color: #000 !important;
color: #fff !important;
}
.btn-normal {
background-color: #fff;
color: #000;
}
这或许是微信小程序实现上的一个小bug,没准儿过段时间就修复了。
-
微信小程序黑名单功能微信小程序黑名单功能
-
微信小程序隐私协议弹框不弹微信小程序隐私协议弹框不弹
-
担心WordPress REST API暴露用户名?这里有一个简单的屏蔽方法!在深入探讨WordPress REST API的利用与功能时,追格小编虽已分享了多篇相关内容,但我们依然理解,部分用户可能仍对网站用户名暴露的问题心存顾虑,尤其是当他们并不需要使用到如古腾堡编辑器或小程序等特定功能时。针对这一关切,今天小编特地为大家介绍一种有效的屏蔽方法。
-
微信小程序打开任意公众号文章 wx.openOfficialAccountArticlewx.openOfficialAccountArticle是微信小程序通过小程序打开任意公众号文章api,不包括临时链接等异常状态下的公众号文章,必须有点击行为才能调用成功。
-
追格小程序V2.5.0更新发布追格小程序V2.5.0版本的更新,我们没给大家添太多新花样,主要是把“内功”练好了。我们认真检查了上一版里那些组件之间的小摩擦,一点点地调整、优化,搞定了超过40多个小地方。这样一来,小程序跑起来就更顺畅了,大家用起来也会感觉更舒服、更顺手。这次虽然没大张旗鼓,但确实是让产品站得更稳、更可靠了。
-
追格小程序V2.5.8更新发布追格小程序是一款采用积木式理念的微信小程序构建框架,它巧妙融合了uniapp与WordPress技术,打造出一个开源且无加密限制的开发环境。
暂无评论,抢个沙发...