uniapp修改html样式,关于css:uniapp操作dom改变css样式在uniapp中,想给元素增加⼀些动静的css款式,例如transform,
}).exec()
上述代码根本⽆法实现给元素增加transform,所以有了申明css变量,
在swiper组件中减少缩略图展现,点击某⼀项,展现到对应的图⽚
1.重点在data中注册属性transStyle
2.轮播change事件设置transStyle
getDetail(e,index){
this.currentIndex = index
this.detail = Object.assign(this.detail,e)
this.scrollLeft = index*50
},
3.点击缩略图,敞开⾃动播放,延时执⾏
move(e,index){
this.autoplay = false
this.currentIndex = index
手机上可以打html与css的appthis.detail = Object.assign(this.detail,e)
this.scrollLeft = index*50
setTimeout(()=>{
this.autoplay = true
},5000)
}
4.到要扭转的元素,设置css变量
#swiper{
.uni-swiper-slide-frame{
transform: var(--transStyle) !important;
}
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论