修改首页的高度，图标适配和空白页

src/views/DBQBmodel.vue

@@ -51,7 +51,7 @@ const goToHomePage = () => {
 <style scoped>
 .homepage {
   /* width: 100vw; */
-  /* min-height: 100vh; */
+  min-height: 100vh;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;

src/views/Emotionsmodel.vue

@@ -52,7 +52,7 @@ const goToAiEmotion = () => {
 <style scoped>
 .homepage {
   /* width: 100vw; */
-  /* min-height: 100vh; */
+  min-height: 100vh;
   background-image: url('@/assets/img/Emotionsmodel/-s-bg.png');
   background-size: cover;
   background-position: center;

src/views/Selectmodel.vue

@@ -78,7 +78,8 @@ const goToEmotionsmodel = () => {
 .main-icon {
   width: 90vw;
   max-width: 280px;
-  height: 280px;
+  height: 90vw;
+  max-height: 280px;
   background-image: url('@/assets/img/Selectmodel/-s-机器人.png');
   background-size: contain;
   background-repeat: no-repeat;
@@ -197,9 +198,11 @@ const goToEmotionsmodel = () => {
   }
 
   .main-icon {
-    margin-top: 350px;
-    width: 9rem;
-    height: 10rem;
+    margin-top: 20rem;
+    width: 60vw;
+    max-width: 200px;
+    height: 60vw;
+    max-height: 200px;
   }
 
   .buttons-container {
@@ -255,15 +258,18 @@ const goToEmotionsmodel = () => {
 }
 
 /* 平板适配 */
-@media screen and (min-width: 601px) and (max-width: 1024px) {
+@media screen and (min-width: 600px) and (max-width: 1024px) {
   .homepage {
     height: 120vh;
   }
 
   .main-icon {
-    margin-top: 50%;
-    width: 50vw;
-    height: 50vw;
+    padding-top:18rem;
+    margin-top: 17rem;
+    width: 75vw;
+    max-width: 500px;
+    height: 75vw;
+    max-height: 500px;
   }
 
   .btn-item {