From 3638dc3a158030886acfd3619a09d193f5a98cab Mon Sep 17 00:00:00 2001
From: panqihua <panqihua@melt.icu>
Date: Sat, 14 Jan 2023 16:13:16 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=A8=E6=88=B7=E8=AF=A6=E6=83=85=E5=AD=90?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BD=BF=E7=94=A8scss=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/platform/buyDetail.vue      |  2 +-
 src/views/platform/discount.vue       |  8 +++--
 src/views/platform/result/card.vue    |  2 +-
 src/views/platform/result/collect.vue |  2 +-
 src/views/platform/result/history.vue |  2 +-
 src/views/platform/walletDetail.vue   | 49 ++++++++++++++-------------
 src/views/system/user/index.vue       |  6 +---
 7 files changed, 36 insertions(+), 35 deletions(-)

diff --git a/src/views/platform/buyDetail.vue b/src/views/platform/buyDetail.vue
index cb13990..6fc0843 100644
--- a/src/views/platform/buyDetail.vue
+++ b/src/views/platform/buyDetail.vue
@@ -86,7 +86,7 @@ export default {
 
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .query-form {
     margin-bottom: 20px;
 }
diff --git a/src/views/platform/discount.vue b/src/views/platform/discount.vue
index 269d56c..174c010 100644
--- a/src/views/platform/discount.vue
+++ b/src/views/platform/discount.vue
@@ -85,7 +85,7 @@ export default {
 
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .query-form {
     margin-bottom: 20px;
 }
@@ -94,7 +94,9 @@ export default {
     font-weight: bold;
 }
 
-.count>div {
-    margin-bottom: 20px;
+.count {
+    div {
+        margin-bottom: 20px;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/platform/result/card.vue b/src/views/platform/result/card.vue
index 203558c..55834bd 100644
--- a/src/views/platform/result/card.vue
+++ b/src/views/platform/result/card.vue
@@ -24,7 +24,7 @@ export default {
     }
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .price {
     color: red;
     font-weight: bold;
diff --git a/src/views/platform/result/collect.vue b/src/views/platform/result/collect.vue
index ac8c525..32a028e 100644
--- a/src/views/platform/result/collect.vue
+++ b/src/views/platform/result/collect.vue
@@ -52,7 +52,7 @@ export default {
     }
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .total,
 .shop-card {
     margin-bottom: 20px;
diff --git a/src/views/platform/result/history.vue b/src/views/platform/result/history.vue
index 0548b60..2fba21d 100644
--- a/src/views/platform/result/history.vue
+++ b/src/views/platform/result/history.vue
@@ -59,7 +59,7 @@ export default {
     }
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .total,
 .shop-card {
     margin-bottom: 20px;
diff --git a/src/views/platform/walletDetail.vue b/src/views/platform/walletDetail.vue
index 64aba3f..f66debd 100644
--- a/src/views/platform/walletDetail.vue
+++ b/src/views/platform/walletDetail.vue
@@ -102,32 +102,35 @@ export default {
 
 }
 </script>
-<style scoped>
-.query-form {
-    margin-top: var(--space);
-    margin-bottom: calc(var(--space) * 2);
-}
-
-.balance>div {
-    background-color: rgba(22, 132, 252, 0.2);
-    height: 80px;
-    color: rgba(16, 16, 16, 1);
-    font-size: 16px;
-    text-align: left;
-    font-family: SourceHanSansSC-medium;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+<style scoped lang="scss">
+$space: 20px;
 
+.query-form {
+    margin-top: $space;
+    margin-bottom: #{$space * 2};
 }
 
-.balance>div>div:first-child {
-    margin-bottom: 5px;
-}
+.balance {
+    &>div {
+        background-color: rgba(22, 132, 252, 0.2);
+        height: 80px;
+        color: rgba(16, 16, 16, 1);
+        font-size: 16px;
+        text-align: left;
+        font-family: SourceHanSansSC-medium;
+
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+
+        &>div:first-child {
+            margin-bottom: 5px;
+        }
+    }
 
-.balance>div:not(:first-child) {
-    margin-left: 20px;
+    &>div:not(:first-child) {
+        margin-left: 20px;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index fdd9e6d..cb3cb77 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -487,11 +487,7 @@ export default {
   }
 };
 </script>
-<style >
-:root {
-  --space: 20px;
-}
-
+<style scoped lang="scss">
 .custom-divider.el-divider {
   margin-top: 0 !important;
   margin-bottom: 20px !important;