✨ feat: 显示细节调整

@@ -66,12 +66,7 @@ import $ from 'jquery'
 import { Toast } from 'vant';
 import { Toast } from 'vant';
 const $route = useRoute();
 const $route = useRoute();
 const $router = useRouter();
 const $router = useRouter();
-// 自定义按钮颜色样式
-const styleObject = reactive({
-  backgroundColor: '#F4675A', 
-  color: '#FFFFFF', 
-  borderColor: '#F4675A'
-})
+
 const items = reactive([])
 const items = reactive([])
 const onClick = (item) => {
 const onClick = (item) => {
   // 调整书籍详情页
   // 调整书籍详情页

 <template>
 <template>
   <van-image width="100%" height="100%" :src="logo_image" />
   <van-image width="100%" height="100%" :src="logo_image" />
-  <div style="margin-bottom: 1rem;">
+  <div class="login-header">
     <van-row align="center">
     <van-row align="center">
       <van-col span="8">
       <van-col span="8">
       </van-col>
       </van-col>
-      <van-col span="8" style="text-align: center; margin-top: 2vh;">
-        <p style="font-size: 2.5vh; margin: 1vh;">登&nbsp;录</p>
+      <van-col span="8" class="title">
+        <p>登&nbsp;录</p>
       </van-col>
       </van-col>
       <van-col span="8">
       <van-col span="8">
       </van-col>
       </van-col>
@@ -240,12 +240,17 @@ export default {
     --van-button-primary-background: white;
     --van-button-primary-background: white;
   }
   }
 
 
-  // .logo-section {
-  //   height: 22vh;
-  //   // padding: 2vh;
-  //   background-size: contain;
-  //   background-image: url('@images/zhengshu-banner@2x.png');
-  // }
+  .login-header {
+    margin-bottom: 1rem;
+    .title {
+      text-align: center; 
+      margin-top: 2vh;
+      p {
+        font-size: 2.5vh; 
+        margin: 1vh;
+      }
+    }
+  }
 
 
   .login-section {
   .login-section {
     // background-color: #FAFAFA;
     // background-color: #FAFAFA;

@@ -7,11 +7,9 @@
     <p style="color: #B8B8B8; margin: 1rem; margin-bottom: 0;">请选择您的身份</p>
     <p style="color: #B8B8B8; margin: 1rem; margin-bottom: 0;">请选择您的身份</p>
     <div class="control">
     <div class="control">
       <div class="plain">
       <div class="plain">
-        <!-- <my-button type="plain" @on-click="goVisit">访客</my-button> -->
         <my-button type="custom" :custom-style="styleObject1" @on-click="goVisit">访客</my-button>
         <my-button type="custom" :custom-style="styleObject1" @on-click="goVisit">访客</my-button>
       </div>
       </div>
       <div class="primary">
       <div class="primary">
-        <!-- <my-button type="primary" @on-click="goSchool">我有所属幼儿园</my-button> -->
         <my-button type="custom" :custom-style="styleObject2" @on-click="goSchool">我有所属幼儿园</my-button>
         <my-button type="custom" :custom-style="styleObject2" @on-click="goSchool">我有所属幼儿园</my-button>
       </div>
       </div>
     </div>
     </div>
@@ -52,8 +50,6 @@ const goSchool = () => { // 跳转选择幼儿园页面
 }
 }
 
 
 onMounted (() => {
 onMounted (() => {
-  // 进入项目自动打开导航栏
-  // window.history.pushState({}, "title", "#");
   // 背景颜色全屏
   // 背景颜色全屏
   $('.client-index-page').height($(document).height());
   $('.client-index-page').height($(document).height());
 })
 })
@@ -91,7 +87,6 @@ export default {
     position: absolute;
     position: absolute;
     bottom: 0;
     bottom: 0;
     width: 100%;
     width: 100%;
-    // background-color: #FFF;
     .control {
     .control {
       margin: 1rem;
       margin: 1rem;
       margin-top: 0.5rem;
       margin-top: 0.5rem;