feat: 新增订单详情退款弹窗

pages/login/index.vue

@@ -1,6 +1,5 @@
 <template>
-  <view class="login-wrapper">
-    <image class="bg" src="./images/bg.png"></image>
+  <view class="login-wrapper" :style="{ backgroundImage: `url(${loginBg})` }">
     <!-- 头部内容 -->
     <view class="login-header">
       <!-- 卡通形象 -->
@@ -66,6 +65,7 @@ import CheckBox from "@/components/CheckBox/index.vue";
 import AgreePopup from "./components/AgreePopup/index.vue";
 import { loginAuth, bindPhone, checkPhone } from "@/manager/LoginManager";
 import { goHome } from "@/hooks/useGoHome";
+import loginBg from "./images/bg.png";
 
 const isAgree = ref(false);
 const visible = ref(false);

pages/login/styles/index.scss

@@ -1,70 +1,62 @@
 .login-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  box-sizing: border-box;
-  font-family: PingFang SC, PingFang SC;
-  height: 100vh;
-  padding-top: 168px;
-  position: relative;
-  
-  .bg {
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    z-index: -1;
-    width: 100%;
-    height: 100%;
-  }
-
-
-  .login-header {
-    text-align: center;
-
-    .login-avatar {
-      width: 150px;
-      display: block;
-    }
-
-    .login-title {
-      width: 137px;
-      margin: 6px auto;
-    }
-
-    .login-desc {
-      font-size: 12px;
-      color: #1E4C69;
-      line-height: 24px;
-    }
-  }
-
-  .login-btn-area {
-    margin-top: 46px;
-    width: 297px;
-
-    .login-btn {
-      background: linear-gradient( 246deg, #22A7FF 0%, #2567FF 100%);
-      width: 100%;
-      border-radius: 50px;
-    }
-  }
-
-  .login-agreement {
-    margin-top: 20px;
     display: flex;
+    flex-direction: column;
     align-items: center;
+    box-sizing: border-box;
+    font-family: PingFang SC, PingFang SC;
+    height: 100vh;
+    padding-top: 168px;
+    position: relative;
+    background-position: 0 0;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
 
-    .login-agreement-text {
-      font-size: 14px;
-      color: #666;
+    .login-header {
+        text-align: center;
+        max-height: 223px;
+
+        .login-avatar {
+            width: 150px;
+            display: block;
+        }
+
+        .login-title {
+            width: 137px;
+            margin: 6px auto;
+        }
+
+        .login-desc {
+            font-size: 12px;
+            color: #1e4c69;
+            line-height: 24px;
+        }
     }
 
-    .login-agreement-link {
-      font-size: 14px;
-      color: #007aff;
-      margin: 0 5px;
+    .login-btn-area {
+        margin-top: 46px;
+        width: 297px;
+
+        .login-btn {
+            background: linear-gradient(246deg, #22a7ff 0%, #2567ff 100%);
+            width: 100%;
+            border-radius: 50px;
+        }
     }
-  }
-}
+
+    .login-agreement {
+        margin-top: 20px;
+        display: flex;
+        align-items: center;
+
+        .login-agreement-text {
+            font-size: 14px;
+            color: #666;
+        }
+
+        .login-agreement-link {
+            font-size: 14px;
+            color: #007aff;
+            margin: 0 5px;
+        }
+    }
+}