景象形容:
开发卡片,对某个组件应用伪类,生成点击变色成果,然而松开手指后产生的变色成果回不去了。
例如原背景色成果:
增加伪类后点击成果:
失常状况手机点击时产生变色成果,手指松开后变为原来的色彩,理论状况是手指松开后并没有复原原来的色彩。
此问题是快利用引擎在反对卡片伪类不全导致的,然而办法总比问题多,略微批改一下代码就可解决。
解决方案:
在应用伪类的组件上加个点击事件即可,点击事件中不需做任何逻辑解决示例。
代码如下:
<div class="sitetype_box" widgetid="8e4bf1ca-f716-46f8-8614-16d1b35002c5" onclick="test">
</div>
css 款式:
.sitetype_box {
flex-direction: column;
background-color:#FFBF00;
padding: dpConvert(0) dpConvert($elementsMarginHorizontalL) dpConvert(0) dpConvert($elementsMarginHorizontalL);
}
/** 伪类 */
.sitetype_box :active{background-color: #E40078;}
办法:
test(){console.log("message");
}
欲了解更多详情,请参阅:
快利用卡片开发领导:
https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-develop-card
快利用伪类:
https://developer.huawei.com/consumer/cn/doc/development/quickApp-References/quickapp-style#h1-1578402140607
原文链接:https://developer.huawei.com/consumer/cn/forum/topic/0201404996846120238?fid=18
原作者:Mayism