小程序中 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与追格小程序不熟悉也比较正常,小编今天简单说说。
-
WordPress付费下载/积分下载/看广告下载小程序源码关注到不少基于WordPress搭建的站点在做资源下载类网站,不限于积分下载,付费下载,看广告下载或阅读,流量变现相对比较直接,若想做类似资源下载小程序,不妨看看追格的知识库模块,简单配置就是一个资源下载小程序。
-
小程序多视频同时播放的问题只允许一个视频在播放,其他自动暂停
-
支付宝小程序调用alipay.user.info.share报错ISV权限不足支付宝小程序调用alipay.user.info.share报错ISV权限不足。alipay.user.info.share 是 获取会员信息中使用的 API。
-
Donut 多端框架Donut多端框架是支持使用小程序原生语法开发移动应用的框架,开发者可以一次编码,分别编译为小程序和 Android 以及 iOS 应用,实现多端开发;能帮助企业有效降低多端应开发的技术门槛和研发成本,以及提升开发效率和开发体验。
-
追格企业官网小程序Free 白屏 xxx.js .js 已被代码依赖分析忽略,无法被其他模块引用微信小程序开发工具的锅……
暂无评论,抢个沙发...