登录页面底部圆角问题

src/layout/components/SearchBar.vue

@@ -101,8 +101,8 @@ const options = [
         key: 'Girl'
     },
     {
-        label: 'In My Life',
+        label: 'login',
-        key: 'In My Life'
+        key: 'login'
     },
     {
         label: '退出登录',
@@ -119,6 +119,9 @@ const selectItem = (key: any) => {
                 localStorage.clear()
             })
             break;
+        case 'login':
+            router.push("/login")
+            break;
     }
 }
 

src/views/login/index.vue

@@ -116,9 +116,10 @@ const loginPhone = async () => {
 .phone-login {
   width: 350px;
   height: 550px;
-  @apply rounded-2xl bg-cover bg-no-repeat relative overflow-hidden;
+  @apply rounded-2xl rounded-b-none bg-cover bg-no-repeat relative overflow-hidden;
   background-image: url(https://z3.ax1x.com/2021/09/30/4IMyUx.jpg);
   background-color: #000;
+  box-shadow: inset 0px 0px 20px 5px #0000005e;
 
   .bg {
     @apply absolute w-full h-full bg-black opacity-30;
@@ -134,6 +135,7 @@ const loginPhone = async () => {
     transform: translateX(-50%);
     color: #ffffff99;
     @apply absolute bg-black flex justify-center  text-lg font-bold cursor-pointer;
+    box-shadow: 10px 0px 20px #000000a9;
   }
 
   .content {