update: 重新设计轮播图尺寸和修复轮播图适配问题；暂时隐藏登录入口。

src/components/register.vue

@@ -61,12 +61,12 @@
           >确定</el-button
         >
       </div>
-      <div class="tool">
+      <!-- <div class="tool">
         已有账号？
         <el-button class="btn_sumit" type="danger" text @click="openLoginForm"
           >立即登录</el-button
         >
-      </div>
+      </div> -->
     </div>
   </div>
 </template>

src/views/HeadMenu.vue

@@ -17,18 +17,16 @@
           </el-col>
           <el-col :xs="6" :sm="6" :md="6" :lg="6" :xl="6">
             <div class="header-right">
-              <!-- 免费开店按钮始终可见 -->
               <div class="start">
                 <el-button color="#ea4322" @click="handleOpenStartPage">
                   立即入驻
                 </el-button>
               </div>
-              <!-- 根据登录状态显示不同按钮 -->
-              <div class="login">
+              <!-- <div class="login">
                 <el-button plain color="#f85535"  @click="openLoginForm" class="login-button">
                   商家登录
                 </el-button>
-              </div>
+              </div> -->
               <div v-if="isLoggedIn" class="logout">
                 <el-button type="danger" plain   @click="logout" class="logout-button">
                   退出

src/views/index/slider.vue

@@ -1,10 +1,11 @@
 <template>
   <div class="slider">
     <div class="slider-container">
+    <img class="bg" src="@/assets/image/banner.jpg">
       <div class="box">
         <div class="sub">
           <el-button :icon="Promotion" color="#ffc114" round size="large" @click="openRegisterForm">
-            立即入驻
+            免费开店
           </el-button>
           <el-button :icon="Download" round size="large" @click="downAndroid">
             Android版本下载
@@ -130,18 +131,31 @@ const formatter2 = (value: number) => {
 .slider-container {
   display: flex;
   width: 100%;
-  height: calc(100vh - 200px);
-  background: url("@/assets/image/banner1.jpg") no-repeat 50% 50%;
-  background-size: 100% 100%;
+  height: 800px;
+  // background: url("@/assets/image/banner1.jpg") no-repeat 50% 0;
+  // background-size:contain;
   margin: auto;
   align-items: center;
   justify-content: center;
+  position: relative;
+  overflow: hidden;
+
+  .bg{
+    left: 50%;
+    object-fit: contain;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    z-index: 1;
+  }
 
   .box {
     width: 1000px;
     margin: auto;
-    height: calc(100vh - 200px);
+    height: 800px;
     position: relative;
+    z-index: 2;
 
     .sub {
       position: absolute;