Просмотр исходного кода

调整宽度, 删除统计数据

jimmylee 1 неделя назад
Родитель
Сommit
900f1ae661

+ 1 - 2
src/views/Editor/EnglishSpeaking/preview/DetailedReport.vue

@@ -170,8 +170,7 @@ function getScoreClass(score: number) {
 
 <style lang="scss" scoped>
 .detailed-report {
-  max-width: 448px;
-  margin: 0 auto;
+  width: 100%;
   display: flex;
   flex-direction: column;
   gap: 12px;

+ 3 - 4
src/views/Editor/EnglishSpeaking/preview/OverallReport.vue

@@ -83,7 +83,7 @@
 
     <!-- 统计数据 -->
     <div class="stats-section">
-      <div class="stats-grid" :class="{ 'stats-narrow': scoreDisplayMode === 'comment_only' }">
+      <!-- <div class="stats-grid" :class="{ 'stats-narrow': scoreDisplayMode === 'comment_only' }">
         <template v-if="scoreDisplayMode !== 'comment_only'">
           <div class="stat-cell">
             <div class="stat-value">
@@ -106,7 +106,7 @@
           <div class="stat-value stat-amber">{{ evaluation.statistics.grammarErrors }}</div>
           <div class="stat-label">语法错误</div>
         </div>
-      </div>
+      </div> -->
     </div>
 
     <!-- 操作按钮 -->
@@ -188,8 +188,7 @@ function getDimValue(key: string): number {
 
 <style lang="scss" scoped>
 .overall-report {
-  max-width: 448px;
-  margin: 0 auto;
+  width: 100%;
   display: flex;
   flex-direction: column;
   gap: 12px;