兼容

src/views/ResultView.vue

@@ -110,13 +110,13 @@ onBeforeUnmount(() => {
         <span style="margin-right: 0.2rem;">{{ score }}</span>分
       </p>
     </div>
-    <div style="height: 9.06rem; visibility: hidden"></div>
+    <div class="hidden"></div>
     <div class="content">
       <div style="width: 100vw; height: 19.06rem">
         <randarPage :randarList="randarlist" />
       </div>
       <div class="loading" v-show="loading">
-       <van-loading color="#0094ff" size="26px" vertical>加载中...</van-loading>
+        <van-loading color="#0094ff" size="26px" vertical>加载中...</van-loading>
       </div>
       <div class="standard">
         <div class="standard-title">
@@ -135,13 +135,13 @@ onBeforeUnmount(() => {
         </div>
         <div class="standard-content" style="margin-top: 1.5rem;">
           <div class="standard-title">
-          <img src="../assets/robot.jpg" alt="" />
-          <span>评分详解</span>
-        </div>
+            <img src="../assets/robot.jpg" alt="" />
+            <span>评分详解</span>
+          </div>
           <div class="standard-content" v-for="(item, index) in defectsList" :key="index">
             <div class="standard-subtitle">
-            <span class="pro">轮次{{item.rounds}}：</span>
-          </div>
+              <span class="pro">轮次{{ item.rounds }}：</span>
+            </div>
             <p>
               <span>原句：</span>
               <span>{{ item.original_sentence }}</span>
@@ -220,10 +220,19 @@ body {
   }
 }
 
+.hidden {
+  height: 9.06rem;
+  overflow: hidden;
+}
+
 .content {
   width: 100%;
   height: 100%;
-  overflow: scroll;
+  overflow-y: auto;
+  scrollbar-width: none;
+  /* Firefox */
+  -ms-overflow-style: none;
+  /* IE / Edge */
 }
 
 .standard-title {
@@ -298,4 +307,15 @@ body {
   align-items: center;
   z-index: 9999;
 }
+
+@media (min-width: 1001px) {
+  .score {
+    height: 13rem;
+  }
+
+  .hidden {
+    height: 13rem;
+    overflow: hidden;
+  }
+}
 </style>