diff --git a/package.json b/package.json
index f71db0b..b2ca419 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,8 @@
     "eslint-plugin-vue": "^7.0.0",
     "less": "^4.1.1",
     "less-loader": "^7.0.0",
-    "mobile-select": "^1.1.2"
+    "mobile-select": "^1.1.2",
+    "raw-loader": "^4.0.2"
   },
   "eslintConfig": {
     "root": false,
diff --git a/src/assets/scss/anim.less b/src/assets/less/anim.less
similarity index 100%
rename from src/assets/scss/anim.less
rename to src/assets/less/anim.less
diff --git a/src/assets/scss/color.less b/src/assets/less/color.less
similarity index 100%
rename from src/assets/scss/color.less
rename to src/assets/less/color.less
diff --git a/src/assets/scss/custom.less b/src/assets/less/custom.less
similarity index 100%
rename from src/assets/scss/custom.less
rename to src/assets/less/custom.less
diff --git a/src/assets/scss/index.less b/src/assets/less/index.less
similarity index 100%
rename from src/assets/scss/index.less
rename to src/assets/less/index.less
diff --git a/src/assets/scss/layout.less b/src/assets/less/layout.less
similarity index 100%
rename from src/assets/scss/layout.less
rename to src/assets/less/layout.less
diff --git a/src/assets/scss/utils.less b/src/assets/less/utils.less
similarity index 99%
rename from src/assets/scss/utils.less
rename to src/assets/less/utils.less
index cc4478b..c1fc180 100644
--- a/src/assets/scss/utils.less
+++ b/src/assets/less/utils.less
@@ -1,4 +1,3 @@
-@use "sass:math";
 
 
 ///*
diff --git a/src/assets/scss/variables.less b/src/assets/less/variables.less
similarity index 100%
rename from src/assets/scss/variables.less
rename to src/assets/less/variables.less
diff --git a/src/components/BaseButton.vue b/src/components/BaseButton.vue
index 9dc1f2a..8cc4e5a 100644
--- a/src/components/BaseButton.vue
+++ b/src/components/BaseButton.vue
@@ -78,7 +78,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .button {
   color: white;
diff --git a/src/components/BaseHeader.vue b/src/components/BaseHeader.vue
index 1825bd4..4bb71dc 100644
--- a/src/components/BaseHeader.vue
+++ b/src/components/BaseHeader.vue
@@ -54,7 +54,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 #BaseHeader {
   width: 100%;
diff --git a/src/components/Check.vue b/src/components/Check.vue
index d6c4efe..4e6b42b 100644
--- a/src/components/Check.vue
+++ b/src/components/Check.vue
@@ -34,7 +34,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .check {
   @width: 1.4rem;
diff --git a/src/components/Comment.vue b/src/components/Comment.vue
index 0f191a2..5f37837 100644
--- a/src/components/Comment.vue
+++ b/src/components/Comment.vue
@@ -319,7 +319,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .title {
   z-index: 2;
diff --git a/src/components/DouyinCode.vue b/src/components/DouyinCode.vue
index 12aab1c..bd895b6 100644
--- a/src/components/DouyinCode.vue
+++ b/src/components/DouyinCode.vue
@@ -67,7 +67,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .DouyinCode {
   position: fixed;
diff --git a/src/components/Loading.vue b/src/components/Loading.vue
index 0942cc2..995535a 100644
--- a/src/components/Loading.vue
+++ b/src/components/Loading.vue
@@ -17,7 +17,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .Loading {
 
diff --git a/src/components/NoMore.vue b/src/components/NoMore.vue
index bf1d871..3f07a6b 100644
--- a/src/components/NoMore.vue
+++ b/src/components/NoMore.vue
@@ -11,7 +11,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .NoMore {
   font-size: 1.2rem;
diff --git a/src/components/Scroll.vue b/src/components/Scroll.vue
index 923548b..9ef2c13 100644
--- a/src/components/Scroll.vue
+++ b/src/components/Scroll.vue
@@ -35,7 +35,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .scroll-wrapper {
   overflow: auto;
diff --git a/src/components/Search.vue b/src/components/Search.vue
index ace2c8c..b0202a7 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -69,7 +69,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/color";
+@import "../assets/less/color";
 
 .search-ctn {
   display: flex;
diff --git a/src/components/Share.vue b/src/components/Share.vue
index 81b6af9..b5e86b3 100644
--- a/src/components/Share.vue
+++ b/src/components/Share.vue
@@ -225,7 +225,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .share {
   width: 100%;
diff --git a/src/components/Video.vue b/src/components/Video.vue
index 5dc2d40..53a4662 100644
--- a/src/components/Video.vue
+++ b/src/components/Video.vue
@@ -345,7 +345,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/color";
+@import "../assets/less/color";
 
 .fade-enter-active,
 .fade-leave-active {
diff --git a/src/components/dialog/ConfirmDialog.vue b/src/components/dialog/ConfirmDialog.vue
index 54281e0..033c828 100644
--- a/src/components/dialog/ConfirmDialog.vue
+++ b/src/components/dialog/ConfirmDialog.vue
@@ -79,7 +79,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .ConfirmDialog {
   z-index: 10;
diff --git a/src/components/dialog/FadeDialog.vue b/src/components/dialog/FadeDialog.vue
index 308db27..c8b02c6 100644
--- a/src/components/dialog/FadeDialog.vue
+++ b/src/components/dialog/FadeDialog.vue
@@ -17,7 +17,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .FadeDialog {
   position: fixed;
diff --git a/src/components/dialog/FromBottomDialog.vue b/src/components/dialog/FromBottomDialog.vue
index c493a6e..b3a306a 100644
--- a/src/components/dialog/FromBottomDialog.vue
+++ b/src/components/dialog/FromBottomDialog.vue
@@ -192,7 +192,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .FromBottomDialog {
   z-index: 9;
diff --git a/src/components/dialog/NoticeDialog.vue b/src/components/dialog/NoticeDialog.vue
index 1ab0586..2a87e47 100644
--- a/src/components/dialog/NoticeDialog.vue
+++ b/src/components/dialog/NoticeDialog.vue
@@ -54,7 +54,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .NoticeDialog {
   z-index: 10;
diff --git a/src/components/slide/Indicator.vue b/src/components/slide/Indicator.vue
index 84e959a..e93ec82 100644
--- a/src/components/slide/Indicator.vue
+++ b/src/components/slide/Indicator.vue
@@ -118,7 +118,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .indicator-ctn {
   font-size: 1.4rem;
diff --git a/src/components/slide/SlideColumnList.vue b/src/components/slide/SlideColumnList.vue
index 855b5a5..ffca4f9 100644
--- a/src/components/slide/SlideColumnList.vue
+++ b/src/components/slide/SlideColumnList.vue
@@ -327,7 +327,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 #base-slide-wrapper {
   width: 100%;
diff --git a/src/components/slide/SlideColumnVirtualList.vue b/src/components/slide/SlideColumnVirtualList.vue
index 2a62099..3668167 100644
--- a/src/components/slide/SlideColumnVirtualList.vue
+++ b/src/components/slide/SlideColumnVirtualList.vue
@@ -305,7 +305,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 #base-slide-wrapper {
   width: 100%;
diff --git a/src/components/slide/SlideList.vue b/src/components/slide/SlideList.vue
index 53b89f5..9706ec7 100644
--- a/src/components/slide/SlideList.vue
+++ b/src/components/slide/SlideList.vue
@@ -415,7 +415,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 #base-slide-wrapper {
   width: 100%;
diff --git a/src/components/slide/SlideRowList.vue b/src/components/slide/SlideRowList.vue
index bb2dd99..766012a 100644
--- a/src/components/slide/SlideRowList.vue
+++ b/src/components/slide/SlideRowList.vue
@@ -344,7 +344,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 #base-slide-wrapper {
   width: 100%;
diff --git a/src/main.js b/src/main.js
index 6460be0..2e1ad8e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,7 +1,7 @@
 import * as Vue from 'vue'
 import App from './App.vue'
 import mitt from 'mitt'
-import './assets/scss/index.less'
+import './assets/less/index.less'
 import './mock'// 导入 mock 数据处理
 import api from './api'
 import router from "./router";
diff --git a/src/pages/Test.vue b/src/pages/Test.vue
index 0c0d9ce..4bf7d92 100644
--- a/src/pages/Test.vue
+++ b/src/pages/Test.vue
@@ -30,7 +30,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 
 .Test {
diff --git a/src/pages/Test2.vue b/src/pages/Test2.vue
index 91d55dd..cdb4ab5 100644
--- a/src/pages/Test2.vue
+++ b/src/pages/Test2.vue
@@ -120,7 +120,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .Test {
   position: fixed;
diff --git a/src/pages/Test3.vue b/src/pages/Test3.vue
index 34d31da..ca9136d 100644
--- a/src/pages/Test3.vue
+++ b/src/pages/Test3.vue
@@ -74,7 +74,7 @@ export default {
 </script>
 
 <style lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .test {
   position: fixed;
diff --git a/src/pages/Test4.vue b/src/pages/Test4.vue
index e3372d7..7e8cb24 100644
--- a/src/pages/Test4.vue
+++ b/src/pages/Test4.vue
@@ -34,7 +34,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .Test {
   position: fixed;
diff --git a/src/pages/Test5.vue b/src/pages/Test5.vue
index 817d859..3cc1b47 100644
--- a/src/pages/Test5.vue
+++ b/src/pages/Test5.vue
@@ -202,7 +202,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../assets/scss/index";
+@import "../assets/less/index";
 
 .Test {
   position: fixed;
diff --git a/src/pages/home/Attention.vue b/src/pages/home/Attention.vue
index 9eab665..68f87ed 100644
--- a/src/pages/home/Attention.vue
+++ b/src/pages/home/Attention.vue
@@ -392,7 +392,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 #attention {
   /*background: rgb(22，24，34);*/
diff --git a/src/pages/home/LivePage.vue b/src/pages/home/LivePage.vue
index 4e226ad..a176407 100644
--- a/src/pages/home/LivePage.vue
+++ b/src/pages/home/LivePage.vue
@@ -233,7 +233,7 @@ export default {
 </script>
 
 <style lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .send-gift {
   position: fixed;
@@ -404,7 +404,7 @@ export default {
 
 </style>
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .LivePage {
   width: 100vw;
diff --git a/src/pages/home/Music.vue b/src/pages/home/Music.vue
index 30fb8f7..2563400 100644
--- a/src/pages/home/Music.vue
+++ b/src/pages/home/Music.vue
@@ -204,7 +204,7 @@ export default {
 
 <style scoped lang="less">
 
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 #Music {
   position: fixed;
diff --git a/src/pages/home/MusicRankList.vue b/src/pages/home/MusicRankList.vue
index 4a09e30..1da6b22 100644
--- a/src/pages/home/MusicRankList.vue
+++ b/src/pages/home/MusicRankList.vue
@@ -422,7 +422,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .MusicRankList {
   position: fixed;
diff --git a/src/pages/home/Publish.vue b/src/pages/home/Publish.vue
index 38929ec..c817319 100644
--- a/src/pages/home/Publish.vue
+++ b/src/pages/home/Publish.vue
@@ -85,7 +85,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .Publish {
   position: fixed;
diff --git a/src/pages/home/Report.vue b/src/pages/home/Report.vue
index 3c9fb01..938446e 100644
--- a/src/pages/home/Report.vue
+++ b/src/pages/home/Report.vue
@@ -123,7 +123,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .Report {
   position: fixed;
diff --git a/src/pages/home/SearchPage.vue b/src/pages/home/SearchPage.vue
index 7982667..754e3d7 100644
--- a/src/pages/home/SearchPage.vue
+++ b/src/pages/home/SearchPage.vue
@@ -660,7 +660,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .Search {
   position: fixed;
diff --git a/src/pages/home/SubmitReport.vue b/src/pages/home/SubmitReport.vue
index a15a8bd..59daf1d 100644
--- a/src/pages/home/SubmitReport.vue
+++ b/src/pages/home/SubmitReport.vue
@@ -71,7 +71,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .Report {
   position: fixed;
diff --git a/src/pages/home/components/Duoshan.vue b/src/pages/home/components/Duoshan.vue
index a0ab050..d8f4805 100644
--- a/src/pages/home/components/Duoshan.vue
+++ b/src/pages/home/components/Duoshan.vue
@@ -49,7 +49,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .share-to-duoshan {
   padding: 3rem 2rem;
diff --git a/src/pages/home/components/FollowSetting.vue b/src/pages/home/components/FollowSetting.vue
index a10c315..cc52b44 100644
--- a/src/pages/home/components/FollowSetting.vue
+++ b/src/pages/home/components/FollowSetting.vue
@@ -88,7 +88,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .follow-setting-dialog {
   padding: 1.5rem;
diff --git a/src/pages/home/components/FollowSetting2.vue b/src/pages/home/components/FollowSetting2.vue
index 2c69f20..603e8bf 100644
--- a/src/pages/home/components/FollowSetting2.vue
+++ b/src/pages/home/components/FollowSetting2.vue
@@ -71,7 +71,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .follow-setting-dialog {
   padding: 1.5rem;
diff --git a/src/pages/home/components/PlayFeedback.vue b/src/pages/home/components/PlayFeedback.vue
index dbbed9a..db91fa5 100644
--- a/src/pages/home/components/PlayFeedback.vue
+++ b/src/pages/home/components/PlayFeedback.vue
@@ -118,7 +118,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .play-feedback {
   max-height: 49rem;
diff --git a/src/pages/home/components/ShareTo.vue b/src/pages/home/components/ShareTo.vue
index dffef20..aa7c5ef 100644
--- a/src/pages/home/components/ShareTo.vue
+++ b/src/pages/home/components/ShareTo.vue
@@ -231,7 +231,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .option-dialog {
   .buttons {
diff --git a/src/pages/home/components/ShareToFriend.vue b/src/pages/home/components/ShareToFriend.vue
index 64152ba..398e858 100644
--- a/src/pages/home/components/ShareToFriend.vue
+++ b/src/pages/home/components/ShareToFriend.vue
@@ -163,7 +163,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .button {
   width: 6.4rem;
diff --git a/src/pages/login/Base.scss b/src/pages/login/Base.less
similarity index 95%
rename from src/pages/login/Base.scss
rename to src/pages/login/Base.less
index bc71912..687ed21 100644
--- a/src/pages/login/Base.scss
+++ b/src/pages/login/Base.less
@@ -1,4 +1,4 @@
-@import "../../assets/scss/index";
+@import "../../assets/less/index.less";
 
 .content {
   padding: 3rem;
diff --git a/src/pages/login/Help.vue b/src/pages/login/Help.vue
index 2d009b9..63548db 100644
--- a/src/pages/login/Help.vue
+++ b/src/pages/login/Help.vue
@@ -28,7 +28,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .Help {
   position: fixed;
diff --git a/src/pages/login/Login.vue b/src/pages/login/Login.vue
index 78d6285..1b5aeec 100644
--- a/src/pages/login/Login.vue
+++ b/src/pages/login/Login.vue
@@ -95,7 +95,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .login {
   position: fixed;
diff --git a/src/pages/login/OtherLogin.vue b/src/pages/login/OtherLogin.vue
index aff26f6..26e068b 100644
--- a/src/pages/login/OtherLogin.vue
+++ b/src/pages/login/OtherLogin.vue
@@ -116,8 +116,8 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
-@import "Base.scss";
+@import "../../assets/less/index";
+@import "Base.less";
 
 .other-login {
   position: fixed;
diff --git a/src/pages/login/PasswordLogin.vue b/src/pages/login/PasswordLogin.vue
index 68bf541..ea21b8e 100644
--- a/src/pages/login/PasswordLogin.vue
+++ b/src/pages/login/PasswordLogin.vue
@@ -85,8 +85,8 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
-@import "Base.scss";
+@import "../../assets/less/index";
+@import "Base.less";
 
 .PasswordLogin {
   position: fixed;
diff --git a/src/pages/login/RetrievePassword.vue b/src/pages/login/RetrievePassword.vue
index c8cc449..8892be7 100644
--- a/src/pages/login/RetrievePassword.vue
+++ b/src/pages/login/RetrievePassword.vue
@@ -129,8 +129,8 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
-@import "Base.scss";
+@import "../../assets/less/index";
+@import "Base.less";
 
 .RetrievePassword {
   position: fixed;
diff --git a/src/pages/login/VerificationCode.vue b/src/pages/login/VerificationCode.vue
index 05bee70..10e8470 100644
--- a/src/pages/login/VerificationCode.vue
+++ b/src/pages/login/VerificationCode.vue
@@ -91,8 +91,8 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
-@import "Base.scss";
+@import "../../assets/less/index";
+@import "Base.less";
 
 .VerificationCode {
   position: fixed;
diff --git a/src/pages/login/components/LoginInput.vue b/src/pages/login/components/LoginInput.vue
index c52cc16..694f286 100644
--- a/src/pages/login/components/LoginInput.vue
+++ b/src/pages/login/components/LoginInput.vue
@@ -116,7 +116,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .input-number {
   display: flex;
diff --git a/src/pages/login/components/Tooltip.vue b/src/pages/login/components/Tooltip.vue
index ae1d4d0..943f2ce 100644
--- a/src/pages/login/components/Tooltip.vue
+++ b/src/pages/login/components/Tooltip.vue
@@ -26,7 +26,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .scale-enter-active,
 .scale-leave-active {
diff --git a/src/pages/login/countryChoose.vue b/src/pages/login/countryChoose.vue
index 7ef735e..39eb1a7 100644
--- a/src/pages/login/countryChoose.vue
+++ b/src/pages/login/countryChoose.vue
@@ -2433,7 +2433,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .countryChoose {
   position: fixed;
diff --git a/src/pages/me/Me.less b/src/pages/me/Me.less
index fee9ffe..ad0963f 100644
--- a/src/pages/me/Me.less
+++ b/src/pages/me/Me.less
@@ -1,4 +1,4 @@
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .fade1-enter-active,
 .fade1-leave-active {
diff --git a/src/pages/me/MyCard.vue b/src/pages/me/MyCard.vue
index cf79859..f1da87c 100644
--- a/src/pages/me/MyCard.vue
+++ b/src/pages/me/MyCard.vue
@@ -117,7 +117,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 #MyCard {
   background: rgb(136, 132, 133);
diff --git a/src/pages/me/MyMusic.vue b/src/pages/me/MyMusic.vue
index 7d663ea..eeca78f 100644
--- a/src/pages/me/MyMusic.vue
+++ b/src/pages/me/MyMusic.vue
@@ -74,7 +74,8 @@
 import {mapState} from "vuex";
 import globalMethods from "../../utils/global-methods";
 import {nextTick} from "vue";
-import lyricsFaruxue from '../../assets/data/lyrics/faruxue.txt'
+// import lyricsFaruxue from '../../assets/data/lyrics/faruxue.txt'
+import lyricsFaruxue from '../../assets/data/lyrics/faruxue.lrc'
 
 
 export default {
@@ -258,7 +259,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .MyMusic {
   position: fixed;
diff --git a/src/pages/me/RequestUpdate.vue b/src/pages/me/RequestUpdate.vue
index 1532f12..5820556 100644
--- a/src/pages/me/RequestUpdate.vue
+++ b/src/pages/me/RequestUpdate.vue
@@ -76,7 +76,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .RequestUpdate {
   position: fixed;
diff --git a/src/pages/me/Uploader.less b/src/pages/me/Uploader.less
index 319ce49..e549fb9 100644
--- a/src/pages/me/Uploader.less
+++ b/src/pages/me/Uploader.less
@@ -1,4 +1,4 @@
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .fade1-enter-active,
 .fade1-leave-active {
diff --git a/src/pages/me/VideoDetail.vue b/src/pages/me/VideoDetail.vue
index 3a641bb..5597d92 100644
--- a/src/pages/me/VideoDetail.vue
+++ b/src/pages/me/VideoDetail.vue
@@ -374,7 +374,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 
 #video-detail {
diff --git a/src/pages/me/collect/MusicCollect.vue b/src/pages/me/collect/MusicCollect.vue
index b33d19b..bc20f95 100644
--- a/src/pages/me/collect/MusicCollect.vue
+++ b/src/pages/me/collect/MusicCollect.vue
@@ -133,7 +133,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "@/assets/scss/index";
+@import "@/assets/less/index";
 
 .MusicCollect {
   position: fixed;
diff --git a/src/pages/me/collect/VideoCollect.vue b/src/pages/me/collect/VideoCollect.vue
index d9b14db..576bb40 100644
--- a/src/pages/me/collect/VideoCollect.vue
+++ b/src/pages/me/collect/VideoCollect.vue
@@ -37,7 +37,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .VideoCollect {
   position: fixed;
diff --git a/src/pages/me/rightMenu/LookHistory.vue b/src/pages/me/rightMenu/LookHistory.vue
index 68db25c..6b099e1 100644
--- a/src/pages/me/rightMenu/LookHistory.vue
+++ b/src/pages/me/rightMenu/LookHistory.vue
@@ -64,7 +64,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .lookHistory {
   position: fixed;
diff --git a/src/pages/me/rightMenu/MinorProtection/DetailSetting.vue b/src/pages/me/rightMenu/MinorProtection/DetailSetting.vue
index 053f3c2..acc458a 100644
--- a/src/pages/me/rightMenu/MinorProtection/DetailSetting.vue
+++ b/src/pages/me/rightMenu/MinorProtection/DetailSetting.vue
@@ -86,7 +86,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../../assets/scss/index";
+@import "../../../../assets/less/index";
 
 .DetailSetting {
   position: fixed;
diff --git a/src/pages/me/rightMenu/MinorProtection/Index.vue b/src/pages/me/rightMenu/MinorProtection/Index.vue
index f862f90..dc7719c 100644
--- a/src/pages/me/rightMenu/MinorProtection/Index.vue
+++ b/src/pages/me/rightMenu/MinorProtection/Index.vue
@@ -44,7 +44,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../../assets/scss/index";
+@import "../../../../assets/less/index";
 
 .index {
   position: fixed;
diff --git a/src/pages/me/rightMenu/MinorProtection/TriggerTime.vue b/src/pages/me/rightMenu/MinorProtection/TriggerTime.vue
index fcb338b..796a9e8 100644
--- a/src/pages/me/rightMenu/MinorProtection/TriggerTime.vue
+++ b/src/pages/me/rightMenu/MinorProtection/TriggerTime.vue
@@ -57,7 +57,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../../assets/scss/index";
+@import "../../../../assets/less/index";
 
 .TriggerTime {
   position: fixed;
diff --git a/src/pages/me/rightMenu/Setting.vue b/src/pages/me/rightMenu/Setting.vue
index 4aba910..5bec4f2 100644
--- a/src/pages/me/rightMenu/Setting.vue
+++ b/src/pages/me/rightMenu/Setting.vue
@@ -198,7 +198,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .Setting {
   position: fixed;
diff --git a/src/pages/me/userinfo/AddSchool.vue b/src/pages/me/userinfo/AddSchool.vue
index 0a23940..319331b 100644
--- a/src/pages/me/userinfo/AddSchool.vue
+++ b/src/pages/me/userinfo/AddSchool.vue
@@ -162,7 +162,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .school {
   position: fixed;
diff --git a/src/pages/me/userinfo/ChooseCity.vue b/src/pages/me/userinfo/ChooseCity.vue
index 16b3968..18cc2cf 100644
--- a/src/pages/me/userinfo/ChooseCity.vue
+++ b/src/pages/me/userinfo/ChooseCity.vue
@@ -67,7 +67,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .choose-location {
   position: fixed;
diff --git a/src/pages/me/userinfo/ChooseDepartment.vue b/src/pages/me/userinfo/ChooseDepartment.vue
index 679a7ee..57472ad 100644
--- a/src/pages/me/userinfo/ChooseDepartment.vue
+++ b/src/pages/me/userinfo/ChooseDepartment.vue
@@ -52,7 +52,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .choose-school {
   position: fixed;
diff --git a/src/pages/me/userinfo/ChooseLocation.vue b/src/pages/me/userinfo/ChooseLocation.vue
index 445518b..bd94101 100644
--- a/src/pages/me/userinfo/ChooseLocation.vue
+++ b/src/pages/me/userinfo/ChooseLocation.vue
@@ -1206,7 +1206,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .choose-location {
   position: fixed;
diff --git a/src/pages/me/userinfo/ChooseProvince.vue b/src/pages/me/userinfo/ChooseProvince.vue
index 10f3952..ed84851 100644
--- a/src/pages/me/userinfo/ChooseProvince.vue
+++ b/src/pages/me/userinfo/ChooseProvince.vue
@@ -36,7 +36,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .choose-location {
   position: fixed;
diff --git a/src/pages/me/userinfo/ChooseSchool.vue b/src/pages/me/userinfo/ChooseSchool.vue
index 53997f7..cc6107e 100644
--- a/src/pages/me/userinfo/ChooseSchool.vue
+++ b/src/pages/me/userinfo/ChooseSchool.vue
@@ -97,7 +97,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .choose-school {
   position: fixed;
diff --git a/src/pages/me/userinfo/DeclareSchool.vue b/src/pages/me/userinfo/DeclareSchool.vue
index f4bbb24..e0dc115 100644
--- a/src/pages/me/userinfo/DeclareSchool.vue
+++ b/src/pages/me/userinfo/DeclareSchool.vue
@@ -58,7 +58,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .declare-school {
   position: fixed;
diff --git a/src/pages/me/userinfo/DisplayType.vue b/src/pages/me/userinfo/DisplayType.vue
index e6cafbe..dd35d11 100644
--- a/src/pages/me/userinfo/DisplayType.vue
+++ b/src/pages/me/userinfo/DisplayType.vue
@@ -52,7 +52,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .DisplayType {
   position: fixed;
diff --git a/src/pages/me/userinfo/EditUserInfo.vue b/src/pages/me/userinfo/EditUserInfo.vue
index eb9f740..eb0a055 100644
--- a/src/pages/me/userinfo/EditUserInfo.vue
+++ b/src/pages/me/userinfo/EditUserInfo.vue
@@ -147,7 +147,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .edit {
   position: fixed;
diff --git a/src/pages/me/userinfo/EditUserInfoItem.vue b/src/pages/me/userinfo/EditUserInfoItem.vue
index 21475ae..aa07020 100644
--- a/src/pages/me/userinfo/EditUserInfoItem.vue
+++ b/src/pages/me/userinfo/EditUserInfoItem.vue
@@ -104,7 +104,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .edit-item {
   position: fixed;
diff --git a/src/pages/message/Chat.vue b/src/pages/message/Chat.vue
index 0f12a9b..57c1c5d 100644
--- a/src/pages/message/Chat.vue
+++ b/src/pages/message/Chat.vue
@@ -387,7 +387,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .Chat {
   position: fixed;
diff --git a/src/pages/message/ChatDetail.vue b/src/pages/message/ChatDetail.vue
index b921a7d..a1d0ea7 100644
--- a/src/pages/message/ChatDetail.vue
+++ b/src/pages/message/ChatDetail.vue
@@ -89,7 +89,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .ChatDetail {
   position: fixed;
diff --git a/src/pages/message/JoinedGroupChat.vue b/src/pages/message/JoinedGroupChat.vue
index 3a7bf16..39b261e 100644
--- a/src/pages/message/JoinedGroupChat.vue
+++ b/src/pages/message/JoinedGroupChat.vue
@@ -87,7 +87,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .Share2Friend {
   position: fixed;
diff --git a/src/pages/message/Message.vue b/src/pages/message/Message.vue
index 8659868..a7f7f82 100644
--- a/src/pages/message/Message.vue
+++ b/src/pages/message/Message.vue
@@ -239,7 +239,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 ::-webkit-scrollbar {
   display: none; /* Chrome Safari */
diff --git a/src/pages/message/SetRemark.vue b/src/pages/message/SetRemark.vue
index 58206df..e5571cd 100644
--- a/src/pages/message/SetRemark.vue
+++ b/src/pages/message/SetRemark.vue
@@ -63,7 +63,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .edit-item {
   position: fixed;
diff --git a/src/pages/message/Share2Friend.vue b/src/pages/message/Share2Friend.vue
index a1c7a63..dc82c37 100644
--- a/src/pages/message/Share2Friend.vue
+++ b/src/pages/message/Share2Friend.vue
@@ -323,7 +323,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .Share2Friend {
   position: fixed;
diff --git a/src/pages/message/components/BlockDialog.vue b/src/pages/message/components/BlockDialog.vue
index bb8bd97..4e8ee0a 100644
--- a/src/pages/message/components/BlockDialog.vue
+++ b/src/pages/message/components/BlockDialog.vue
@@ -42,7 +42,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .block-dialog {
   color: black;
diff --git a/src/pages/message/components/ChatMessage.vue b/src/pages/message/components/ChatMessage.vue
index 7cc547f..6d4a645 100644
--- a/src/pages/message/components/ChatMessage.vue
+++ b/src/pages/message/components/ChatMessage.vue
@@ -160,7 +160,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .ChatMessage {
   padding: 0 1rem;
diff --git a/src/pages/other/ServiceProtocol.vue b/src/pages/other/ServiceProtocol.vue
index cee36c3..aa407b1 100644
--- a/src/pages/other/ServiceProtocol.vue
+++ b/src/pages/other/ServiceProtocol.vue
@@ -1723,7 +1723,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .ServiceProtocol {
   position: fixed;
diff --git a/src/pages/people/AddressList.vue b/src/pages/people/AddressList.vue
index 5481d98..1a62ca4 100644
--- a/src/pages/people/AddressList.vue
+++ b/src/pages/people/AddressList.vue
@@ -44,7 +44,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .AddressList {
   position: fixed;
diff --git a/src/pages/people/FaceToFace.vue b/src/pages/people/FaceToFace.vue
index d295aae..a94a95c 100644
--- a/src/pages/people/FaceToFace.vue
+++ b/src/pages/people/FaceToFace.vue
@@ -24,7 +24,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .FaceToFace {
   background: black;
diff --git a/src/pages/people/FindAcquaintance.vue b/src/pages/people/FindAcquaintance.vue
index 9c73089..e5b0e51 100644
--- a/src/pages/people/FindAcquaintance.vue
+++ b/src/pages/people/FindAcquaintance.vue
@@ -201,7 +201,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .from-bottom-enter-active,
 .from-bottom-leave-active {
diff --git a/src/pages/people/Scan.vue b/src/pages/people/Scan.vue
index 1b2ea70..3cc90d8 100644
--- a/src/pages/people/Scan.vue
+++ b/src/pages/people/Scan.vue
@@ -38,7 +38,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../assets/scss/index";
+@import "../../assets/less/index";
 
 .Scan {
   position: fixed;
diff --git a/src/pages/people/components/People.vue b/src/pages/people/components/People.vue
index 4c3ba7d..596ca81 100644
--- a/src/pages/people/components/People.vue
+++ b/src/pages/people/components/People.vue
@@ -71,7 +71,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-@import "../../../assets/scss/index";
+@import "../../../assets/less/index";
 
 .scale-enter-active,
 .scale-leave-active {
diff --git a/vue.config.js b/vue.config.js
index cad7558..1d00e70 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,12 +1,35 @@
 // vue.config.js
+const path = require('path')
+
 const isProduction = process.env.NODE_ENV === 'production'
 
 module.exports = {
   publicPath: isProduction ? '' : '',
   assetsDir: isProduction ? './' : './',
   // productionSourceMap: false,
-  lintOnSave:false, //关闭eslint检查
-  devServer:{
+  lintOnSave: false, //关闭eslint检查
+  devServer: {
     open: true,
+  },
+  // chainWebpack: config => {
+  //   config.module
+  //     .rule('txt')
+  //     .test( /\.(txt|lrc)$/)
+  //     .use('raw-loader')
+  //     .loader('raw-loader')
+  //     .end()
+  // },
+  configureWebpack: {
+    module: {
+      rules: [
+        {
+          //解析txt、lrc文件
+          test: /\.(txt|lrc)$/,
+          exclude: /node_modules/,
+          include: path.join(__dirname, 'src'),
+          use: ['raw-loader']
+        }
+      ]
+    },
   }
 }