this.isMoving = false
this.move.x = (this.move.x > this.width / this.ratio) ? this.width : 0
},
// 点击切换
switch () {
this.setTransition(true)
this.move.x = (this.move.x === 0) ? this.width : 0
},
setTransition (isTransition = false) {
this.transitionClass = isTransition ? 'r-slide-menu-transition' : ''
}
}
}
</script>
<style lang="scss">
@mixin one-screen {
position: absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow: hidden;
}
.r-slide-menu{
@include one-screen;
&-wrap, &-content{
@include one-screen;
}
&-transition{
-webkit-transition: transform .3s;
transition: transform .3s;
}
}
</style>
总结
以上所述是小编给大家介绍的vue移动端UI框架实现QQ侧边菜单组件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
