18910140161

vue 换肤?vue实现一键换肤功能

顺晟科技

2022-09-23 10:55:22

171

1.创建所需要替换的css文件,1个皮肤对应一个,放在同一个目录

2.用link在index.html引入你所要用的皮肤css文件

3.在你需要实现换肤的页面添加方法

(1)首次加载,默认选中第一个皮肤,之后就选择最后所选的皮肤

(2)把皮肤css文件名字写成数组变量,随机获取,赋值给id=‘skin’的link的href,从而改变皮肤

想要新增皮肤的话就新加皮肤css文件,然后只需要修改data的skinArr变量即可

 

 

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航