修改图片超出内容问题

buyer/src/pages/shopEntry/ShopEntry.vue

@@ -28,7 +28,9 @@
     </div>
  
     <Modal title="店铺入驻协议" v-model="showAgreement" width="1200" :closable="false" :mask-closable="false">
+      <Scroll :on-reach-bottom="handleReachBottom">
         <div class="agreeent-con" v-html="agreementCon"></div>
+      </Scroll>
 
       <div slot="footer" style="text-align: center">
         <p>
@@ -69,6 +71,9 @@ export default {
       agreement().then((res) => {
         this.agreementCon = res.result.content;
       });
+    },
+    handleReachBottom(){
+
     },
     getData(status) {
       // 获取已填写店铺信息
@@ -173,6 +178,10 @@ export default {
 }
 .agreeent-con {
   max-height: 500px;
+  ::v-deep img{
+    max-width: 100%;
+    max-height: 200px;
+  }
 }
 .success-page {
   height: 500px;

seller/src/views/home/home.vue

@@ -2,7 +2,7 @@
   <div>
 
     <Modal v-model="noticeFlage" :title="noticesDetail.title">
-      <div v-if="noticesDetail" v-html="noticesDetail.content">
+      <div v-if="noticesDetail" class="noticesDetail" v-html="noticesDetail.content">
 
       </div>
     </Modal>
@@ -294,4 +294,10 @@ export default {
 </script>
 <style lang="scss" scoped>
 @import "./home.scss";
+.noticesDetail{
+  /deep/ img{
+    max-width: 100%;
+    max-height: 200px;
+  }
+}
 </style>