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