起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1484|回复: 2

[处理中3] 怎么给登陆按钮设置点击态

[复制链接]

104

主题

369

帖子

1173

积分

金牌会员

王小二

Rank: 6Rank: 6

积分
1173
QQ
发表于 2017-6-25 05:40:48 | 显示全部楼层 |阅读模式
有个需求是给 button组件设置点击态,其实是两张图片。
更改了一下button组件的结构:
<button component="xxx">
<div class="bg"></div>
</button>

思路是用css获取到 button组件实际的a标签的active状态,通过css选择器选到子元素div.bg,更改div的background-image属性。  
目前点击太和常态是两张图片

但是试了使用 .btn.active  div 和 .btn:active div 都没有效果。

.btn.active 在button-group中对应contents组件使用是可以的,之前也这么用。  这次不知什么原因始终不成功。

求指点下 !

104

主题

369

帖子

1173

积分

金牌会员

王小二

Rank: 6Rank: 6

积分
1173
QQ
 楼主| 发表于 2017-6-25 05:45:18 | 显示全部楼层
目前是使用touchstart和touchend事件来模拟的,但是浏览器上测试会有点小bug : 页面加载后的头几次点击,两张图片会切换闪动(点击的时候 没有松手),后面就好了。所以还是想使用css来实现,目前没搜索到好的方法
<a href="#自我介绍"/>点点点</a>
回复 支持 反对

使用道具 举报

发表于 2017-6-26 11:43:25 | 显示全部楼层
手机上使用
touchstart和touchend事件

电脑上需要使用鼠标事件!应该可以实现的!


或者你上网搜下!标准的html页面如何实现!
你可以不用button ,而使用原始H5 的实现方式!

不过css中有定义click 的样式吗??
应该是 active  
http://www.w3school.com.cn/cssref/selector_active.asp


~$5K4SN56EJX9{9XLTJDPIS.png
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-13 01:52 , Processed in 0.064684 second(s), 27 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表