天天看點

vue實作一鍵換膚功能

1.建立所需要替換的css檔案,1個皮膚對應一個,放在同一個目錄

vue實作一鍵換膚功能

2.用link在index.html引入你所要用的皮膚css檔案

vue實作一鍵換膚功能

3.在你需要實作換膚的頁面添加方法

(1)首次加載,預設選中第一個皮膚,之後就選擇最後所選的皮膚

vue實作一鍵換膚功能

(2)把皮膚css檔案名字寫成數組變量,随機擷取,指派給id=‘skin’的link的href,進而改變皮膚

vue實作一鍵換膚功能
vue實作一鍵換膚功能
vue實作一鍵換膚功能

想要新增皮膚的話就新加皮膚css檔案,然後隻需要修改data的skinArr變量即可