修改node-sass

package.json

@@ -33,6 +33,7 @@
     "popper.js": "^1.16.0",
     "pygmentize-bundled": "^2.3.0",
     "qs": "^6.11.1",
+    "sass": "^1.70.0",
     "swiper": "^6.0.4",
     "vue": "^2.5.2",
     "vue-awesome-swiper": "^3.1.3",
@@ -75,7 +76,6 @@
     "less": "^3.10.3",
     "less-loader": "^5.0.0",
     "node-notifier": "^5.1.2",
-    "node-sass": "^4.14.1",
     "optimize-css-assets-webpack-plugin": "^3.2.0",
     "ora": "^1.2.0",
     "portfinder": "^1.0.13",

src/assets/scss/base/_common.scss

@@ -224,10 +224,10 @@ $i: 1;
 $basew: 24;
 @while $i <=$basew {
     .w-#{$i}\/#{$basew} {
-        width: #{$i/$basew * 100}#{"%"};
+        width: #{calc($i/$basew) * 100}#{"%"};
     }
     .h-#{$i}\/#{$basew} {
-        height: #{$i/$basew * 100}#{"%"};
+        height: #{calc($i/$basew) * 100}#{"%"};
     }
     $i: $i + 1;
 }

src/views/college/about_us.vue

@@ -58,7 +58,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
+::v-deep {
     .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
         color: #606266;
     }

src/views/college/detail.vue

@@ -80,7 +80,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
+::v-deep {
     .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
         color: #606266;
     }

src/views/contract/exchange-store.vue

@@ -480,7 +480,7 @@ export default {
     .btn,.kaicang{
         font-size: 0.9rem;
     }
-    /deep/ .el-slider__button-wrapper{
+    ::v-deep .el-slider__button-wrapper{
         // background-color: ;
         z-index: 999;
     }

src/views/contract/index.vue

@@ -393,7 +393,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-    .justify-content-between >>> .dark-app .theme-switch .theme-switch-button .left, .dark-app .theme-switch .theme-switch-button .right{
+    .justify-content-between ::v-deep .dark-app .theme-switch .theme-switch-button .left, .dark-app .theme-switch .theme-switch-button .right{
         color:white !important
     }
 </style>

src/views/forgotPwd/index.vue

@@ -141,7 +141,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ .el-input__inner,.form-control{
+::v-deep .el-input__inner,.form-control{
     padding-top:.375rem;
     padding-bottom:.375rem;
     height: 45px !important;

src/views/notice/detail.vue

@@ -76,7 +76,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
+::v-deep {
     .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
         color: #606266;
     }

src/views/option/index.vue

@@ -287,7 +287,7 @@ export default {
   border: none;
 }
 
-/deep/ .el-collapse-item:last-child {
+::v-deep .el-collapse-item:last-child {
   .el-collapse-item__header {
     border-bottom: 0;
   }

src/views/otc/ad.vue

@@ -165,7 +165,7 @@ export default {
   justify-content: center;
   background: linear-gradient(to right, #6d9ef9, #1f5df4);
 }
-/deep/ .el-dialog {
+::v-deep .el-dialog {
   background-color: #222e3d;
   color: #fff;
   &__title {

src/views/otc/index.vue

@@ -326,7 +326,7 @@ export default {
   justify-content: center;
   background: linear-gradient(to right, #6d9ef9, #1f5df4);
 }
-/deep/ .el-dialog {
+::v-deep .el-dialog {
   background-color: #222e3d;
   color: #fff;
   &__title {

src/views/otc/order.vue

@@ -172,7 +172,7 @@ export default {
   justify-content: center;
   background: linear-gradient(to right, #6d9ef9, #1f5df4);
 }
-/deep/ .el-dialog {
+::v-deep .el-dialog {
   background-color: #222e3d;
   color: #fff;
   &__title {

src/views/profile/certification.vue

@@ -394,7 +394,7 @@ export default {
 
 <style scoped lang="scss">
 .upload-demo {
-  /deep/ .el-upload-dragger {
+  ::v-deep .el-upload-dragger {
     width: 300px;
     height: 150px;
   }
@@ -405,7 +405,7 @@ export default {
     object-fit: cover;
   }
 }
- /deep/{
+ ::v-deep{
    .el-step__title.is-process{
     color: white;
   }

src/views/purchase/index.vue

@@ -461,7 +461,7 @@ export default {
 .table tr:hover{
     background: #e9e9e9 !important;
 }
-/deep/ {
+::v-deep {
   .el-step__icon {
     background: #222e3d;
   }

src/views/wallet/address.vue

@@ -392,7 +392,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ {
+::v-deep {
   .el-collapse {
     border-top-color: #4e4e5d;
     border-bottom-color: #4e4e5d;

src/views/wallet/exchange-assets.vue

@@ -937,7 +937,7 @@
 	}
 
 	.upload-demo {
-		/deep/ .el-upload-dragger {
+		::v-deep .el-upload-dragger {
 			width: 200px;
 			height: 150px;
 		}
@@ -949,7 +949,7 @@
 		}
 	}
 
-	/deep/ {
+	::v-deep {
 		.el-step__title.is-process {
 			color: white;
 		}