文章详情

src/views/detail/index.vue

@@ -19,15 +19,15 @@
                   </el-breadcrumb>
                 </div>
                 <!-- 文章内容 -->
-                <div>
+                <el-row>
                   <h2 style=" text-align: center;">{{article.subject}}</h2>
                   <div v-if="article.newsTime" style="color: #999999; font-size: 12px;text-align:right">发布时间：{{article.newsTime.substring(0,10)}}</div>
                   <div>
                     <el-image style="margin-top:5px;width:100%;margin-bottom:5px;" fit="contain" v-for="item in attachList" :key="item.id" :src="item.downloadPath"></el-image>
                   </div>
-                  <div v-html="article.content"></div>
+                  <div class="view-html" style="width:100%;" v-html="article.content"></div>
                   <div class="wiriter-intro">作者: {{ article.provider }}</div>
-                </div>
+                </el-row>
               </div>
 
               <!--下载附件-->
@@ -733,4 +733,10 @@ ul {
   top: -8px;
   content: "";
 }
+// 图片溢出
+::v-deep{
+.view-html p img{
+width: 100% !important;
+}
+}
 </style>
\ No newline at end of file