按键控制CSS变化

看看就好 · 发表于 2016-7-26 16:19:01

想通过按键控制media的大小，通过写js代码可以实现控制其CSS吗？求大神解答

liangyongfei · 发表于 2016-7-27 14:54:03

你说的按键是指的手机还是PC呢？？
PC上，可以在代码中添加键盘的监听事件！判断按键的编码，执行相应的逻辑代码！
控制页面大小可以获取相应标签的节点对象，然后动态设置它的style属性即可！
（具体用法可以上网查！）

如果是手机上，你指的是在button点击事件中处理吗？？方法是一样的！
比如
this.getElementByXid('mediaXid').style.width = '100px';

看看就好 · 发表于 2016-7-27 15:08:53

liangyongfei 发表于 2016-7-27 14:54
你说的按键是指的手机还是PC呢？？
PC上，可以在代码中添加键盘的监听事件！判断按键的编码，执行相应的逻 ...

就是您说的通过button控制改变media的大小，media在list里面，现在按照这个写了，所以只改变了第一个media的大小，其他的没有变化，怎么可以改变所有的大小？无标题.png

liangyongfei · 发表于 2016-7-29 10:23:29

看看就好发表于 2016-7-27 15:08
就是您说的通过button控制改变media的大小，media在list里面，现在按照这个写了，所以只改变了第一个medi ...

你的意思是在list中点击那行图片就控制那行图片的大小吗？？
list中获取当前行dom节点，然后再处理这个dom节点：http://docs.wex5.com/wex5-ui-question-list-2061

如果是想全部变大！可以使用this.getElementsByXid('xid') 获取所有dom对象的数组！然后再循环遍历修改大小!

看看就好 · 发表于 2016-8-3 13:17:47

liangyongfei 发表于 2016-7-29 10:23
你的意思是在list中点击那行图片就控制那行图片的大小吗？？
list中获取当前行dom节点，然后再处理这个 ...

可以用js调用list组件中的css样式吗

liangyongfei · 发表于 2016-8-5 11:56:39

看看就好发表于 2016-8-3 13:17
可以用js调用list组件中的css样式吗

可以！不过，控制list的css样式，一般使用bind-style 或 bind-css 属性实现，参考：/UI2/demo/misc/bind/index.w

data组件添加一个计算列，控制样式

		自动登录	找回密码
密码			注册

[处理中3] 按键控制CSS变化