做一个个性化的switch切换按钮

需求背景:公司有个微信小程序项目,需要用到大量独特的切换按钮,类似开关这种按钮,微信小程序自带的switch是不能填写文字的,所以直接,而且微信小程序使用的框架是基于vue的mpvue,mpvue出来的时间也短,估计很少这种轮子,所以就只能自己手撸一个,因为是微信小程序所以像素单位是rpx,如果是普通vue项目也可以直接用这个组件,修改像素单位即可单位





注释:这是一个单独的vue组件,可以直接引入使用,可以传入mode参数,可以自己修改,

你可能感兴趣的:(做一个个性化的switch切换按钮)