• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

卡片开发使用伪类之踩坑记录

android 搞代码 4年前 (2022-03-01) 11次浏览 已收录 0个评论

景象形容:

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

例如原背景色成果:

增加伪类后点击成果:

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

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

解决方案:

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

代码如下:

<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/doc/development/quickApp-References/quickapp-style#h1-1578402140607

原文链接:https://developer.huawei.com/consumer/cn/forum/topic/0201404996846120238?fid=18

原作者:Mayism


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:卡片开发使用伪类之踩坑记录

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址