替换强依赖的node-sass

rd.md

@@ -0,0 +1,23 @@
+
+
+## 变更记录
+
+[node-sass 替换为 sass](https://blog.csdn.net/weixin_41223575/article/details/128687533)
+
+node-sass 替换为 sass
+原因：安装 node-sass 的项目依赖 node 的版本，维护的项目依赖的 node 版本和自己电脑安装的 node 版本不一致的问题（没必要一直升级 node 版本，把时间花在搞环境上）。
+
+方案：
+```
+1.要么电脑安装 nvm 管理切换不同的 node 版本，切换还是不太方便，而且不能同时启动依赖 node 版本不一样的两个项目。
+
+2.项目的依赖不应该再依赖 node 的版本，比如 node-sass 这种只用于开发环境的依赖项，所以把 node-sass 替换为 sass（推荐）。
+
+步骤：卸载 node-sass ，安装 sass，项目全局搜索 ::v-deep , 把 ::v-deep 替换为 ::v-deep。
+
+1.卸载 node-sass：npm uninstall node-sass
+
+2.安装 sass：npm install sass --save-dev
+
+3.全局搜索替换：::v-deep 替换为 ::v-deep
+```

src/views/college/detail.vue

@@ -78,7 +78,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__stop{
+    /* ::v-deep .el-slider__stop{
         background-color: ;
     } */
 </style>

src/views/forgotPwd/index.vue

@@ -112,7 +112,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

@@ -397,7 +397,7 @@ export default {
 
 <style scoped lang="scss">
 .upload-demo {
-  /deep/ .el-upload-dragger {
+  ::v-deep .el-upload-dragger {
     width: 300px;
     height: 150px;
   }
@@ -408,7 +408,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

@@ -745,7 +745,7 @@ created() {
   border-bottom: 1px solid;
 }
 .upload-demo {
-  /deep/ .el-upload-dragger {
+  ::v-deep .el-upload-dragger {
     width: 200px;
     height: 150px;
   }
@@ -756,7 +756,7 @@ created() {
     object-fit: cover;
   }
 }
- /deep/{
+ ::v-deep{
    .el-step__title.is-process{
     color: white;
   }