no message

App.vue

@@ -14,9 +14,9 @@ export default {
 
 <style>
 /*每个页面公共css */
-@import "./common/css/common";
+@import "/common/css/common.css";
 /* icon */
-@import "./common/font/iconfont";
+@import "/common/font/iconfont.css";
 
 checkbox .wx-checkbox-input {
   border-radius: 50% !important;

common/css/common.css

@@ -1,55 +1,5 @@
-body {
-  background-color: #F5F5F5;
+.page-box{
+    box-sizing: border-box;
+    padding-bottom: env(safe-area-inset-bottom);
 }
 
-view,
-text {
-  font-size: 16px;
-  color: #333;
-}
-
-image {
-  display: block;
-}
-
-/* 原价 */
-.original-price {
-  font-size: 12px;
-  text-decoration: line-through;
-  color: #999999;
-}
-
-.text-two-hidden {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  word-break: break-all;
-
-}
-
-.top-border {
-  border-top: 1px solid #e6e7e9;
-}
-
-.bottom-border {
-  border-bottom: 1px solid #e6e7e9;
-}
-
-.placeholder-text {
-  color: #AEAEAE;
-  font-size: 14px;
-  font-weight: 400;
-}
-
-.top-mar {
-  margin-top: 10px;
-}
-
-.fixed {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 2;
-}

common/css/login.css

@@ -0,0 +1,6 @@
+.login-box{
+    height: 100vh;
+    background-image: url("https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/app-serve/2024-4-13/gv7g9xqmxv.png?imageMogr2/quality/20");
+    background-repeat: no-repeat;
+    background-size: 100% auto;
+}

pages/login/index.vue

@@ -1,9 +1,10 @@
 <template>
-  <view class="login">
-    登录页
-    <view class="logIn" @click="logIn">
-      登录
-    </view>
+  <view class="page-box login-box">
+      <view class="login-form">
+
+      </view>
+
+
   </view>
 </template>
 <script>
@@ -20,7 +21,7 @@
 
     },
     methods: {
-      logIn() {
+      login() {
         uni.redirectTo({
           url: '/pages/index/index'
         })
@@ -29,17 +30,13 @@
   }
 </script>
 <style lang="scss" scoped>
-  .login {
-    width: 100%;
-    min-height: 100vh;
-    background: #fff;
-
-    .logIn {
-      width: 50%;
-      height: 40px;
-      text-align: center;
-      margin: 0 auto;
-      line-height: 40px;
+  @import "/common/css/login.css";
+  .page-box{
+    .login-form{
+      margin: 370rpx 30rpx 0 30rpx;
+      height: 630rpx;
+      border-radius: 50rpx;
     }
+
   }
 </style>