乐趣区

关于android:卡片开发使用伪类之踩坑记录

景象形容:

开发卡片,对某个组件应用伪类,生成点击变色成果,然而松开手指后产生的变色成果回不去了。

例如原背景色成果:

增加伪类后点击成果:

失常状况手机点击时产生变色成果,手指松开后变为原来的色彩,理论状况是手指松开后并没有复原原来的色彩。

此问题是快利用引擎在反对卡片伪类不全导致的,然而办法总比问题多,略微批改一下代码就可解决。

解决方案:

在应用伪类的组件上加个点击事件即可,点击事件中不需做任何逻辑解决示例。

代码如下:

<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

退出移动版