新闻详情页图片大小只有自适应模式控制

 <!--
 <!--
  * @Date: 2024-10-18 12:06:09
  * @Date: 2024-10-18 12:06:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-23 13:13:10
+ * @LastEditTime: 2024-10-25 11:53:21
  * @FilePath: /hager/src/views/news/detail.vue
  * @FilePath: /hager/src/views/news/detail.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -21,7 +21,7 @@
     </hager-box>
     </hager-box>
     <hager-box>
     <hager-box>
       <div class="news-title">{{ title }}</div>
       <div class="news-title">{{ title }}</div>
-      <div class="news-content" v-html="content"></div>
+      <div :class="['news-content', is_xs ? 'xs' : '']" v-html="content"></div>
     </hager-box>
     </hager-box>
   </div>
   </div>
 </template>
 </template>
@@ -81,10 +81,12 @@ export default {
 
 
     :deep(.news-content) {
     :deep(.news-content) {
       margin-bottom: 2rem;
       margin-bottom: 2rem;
+      &.xs {
         img {
         img {
           width: 100%;
           width: 100%;
           height: auto;
           height: auto;
         }
         }
       }
       }
     }
     }
+  }
 </style>
 </style>