weex
weex
对于不熟悉weex和js的人来说,初学weex不知道怎么来修改style,即使网上查了,也很难查到需要的信息,好不容易查到了还是js里面的东西,还不确定weex是否支持,这里,博主经过才坑,总结了两种方法来修改style,效果见下图:
这里
weex
对于不熟悉weex和js的人来说,初学weex不知道怎么来修改style,即使网上查了,也很难查到需要的信息,好不容易查到了还是js里面的东西,还不确定weex是否支持,这里,博主经过才坑,总结了两种方法来修改style,效果见下图:
这里采用两种方法来修改style:
1.通过elementById的方法:
changeColor() {document.getElementById( haha ).style.backgroundColor = blue }//注:此方法只对web上运行的项目有用,客户端无效
2.通过refs获取到模块,通过animation操作改变style
(this.$refs.haha,{styles:{width: 400px },duration: 0,timingFunction: ease ,delay: 0}, function(){})
当然,改变style的方法绝不止这两种,博主在以后的学习中发现新的方法会对这篇博客进行更新。如果你有更好的方法也欢迎留言和博主一起讨论。
详细代码可以查看博主的Demo:点击下载
此处为更新
1.其实还有一种方法,但是个人不提倡,将样式写在标签内部,值给变量,在data中给变量赋值,如果样式设置比较少倒是可以,但要是多的话,标签会非常难看,代码不易读,但也权且算是一种方法:
<text class=content ref=contentRef :style={ lines: limitLine }>{{desc}}</text>
data中对limitLine赋值,this.limitLine=x来修改。
2.绑定class,此方法可查看:
weex有提供这个方法,直接过去看即可,针对改动比较大的样式变动。
#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可,转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
上传时间: 2024-01-08 10:22:26
推荐阅读
留言与评论(共有 8 条评论) |
本站网友 西京医院网上预约挂号 | 30分钟前 发表 |
2.绑定class,此方法可查看: weex有提供这个方法,直接过去看即可,针对改动比较大的样式变动 | |
本站网友 搜房网深圳租房 | 1分钟前 发表 |
本站网友 龙岗男科医院 | 13分钟前 发表 |
timingFunction | |
本站网友 unparallel | 4分钟前 发表 |
ease | |
本站网友 软件工程师考试时间 | 12分钟前 发表 |
详细代码可以查看博主的Demo:点击下载 此处为更新 1.其实还有一种方法,但是个人不提倡,将样式写在标签内部,值给变量,在data中给变量赋值,如果样式设置比较少倒是可以,但要是多的话,标签会非常难看,代码不易读,但也权且算是一种方法: <text class=content ref=contentRef | |
本站网友 神武房屋风水 | 30分钟前 发表 |
0} | |
本站网友 爱和乐下载 | 14分钟前 发表 |
limitLine }>{{desc}}</text> data中对limitLine赋值,this.limitLine=x来修改 |