限制预览图片的大小

src/views/articleManagement/articleCreate.vue

@@ -56,8 +56,7 @@
               <a-select-option
                 v-for="(item, index) in articleParentClassArr"
                 :key="index"
-                >{{ articleParentClassArr[index].name }}</a-select-option
-              >
+              >{{ articleParentClassArr[index].name }}</a-select-option>
             </a-select>
           </a-form-item>
           <a-form-item label="文章子类">
@@ -81,8 +80,7 @@
               <a-select-option
                 v-for="(item, index) in articleChildClassArr"
                 :key="index"
-                >{{ articleChildClassArr[index].name }}</a-select-option
-              >
+              >{{ articleChildClassArr[index].name }}</a-select-option>
             </a-select>
           </a-form-item>
           <a-form-item label="工种类别">
@@ -99,8 +97,7 @@
               <a-select-option
                 v-for="(item, index) in engineerTypeArray"
                 :key="index"
-                >{{ engineerTypeArray[index].name }}</a-select-option
-              >
+              >{{ engineerTypeArray[index].name }}</a-select-option>
             </a-select>
           </a-form-item>
           <a-form-item label="必学日期:">
@@ -108,7 +105,7 @@
               :defaultValue="learnDate"
               @change="learnDateChoose"
               style="width:100%;"
-            /> -->
+            />-->
             <a-date-picker
               placeholder="请选择日期"
               @change="learnDateChoose"
@@ -122,9 +119,7 @@
             />
           </a-form-item>
           <a-form-item v-show="false" :wrapper-col="{ span: 20, offset: 10 }">
-            <a-button id="articleCreateSubmit" type="primary" html-type="submit"
-              >提交</a-button
-            >
+            <a-button id="articleCreateSubmit" type="primary" html-type="submit">提交</a-button>
           </a-form-item>
         </a-form>
       </div>
@@ -134,9 +129,7 @@
       <TinymceEditor v-model="content"></TinymceEditor>
       <div class="submit-row">
         <a-button type="primary" @click="handleSubmitBtnFun">提交</a-button>
-        <a-button :style="{ marginLeft: '160px' }" @click="preview"
-          >预览</a-button
-        >
+        <a-button :style="{ marginLeft: '160px' }" @click="preview">预览</a-button>
       </div>
     </div>
     <!-- 预览弹出框 -->
@@ -155,7 +148,7 @@
       <span>
         copyright © 浮游科技有限公司出品
       </span>
-    </div> -->
+    </div>-->
   </div>
 </template>
 
@@ -460,7 +453,16 @@ export default {
 };
 </script>
 
-<style lang="less"></style>
+<style lang="less">
+.p-content {
+  max-width: 100%;
+  img {
+    max-width: 100%;
+    width: auto;
+    height: auto;
+  }
+}
+</style>
 
 <style lang="less" scoped>
 @import "~@/styles/common/variable.less";
@@ -479,12 +481,4 @@ export default {
     justify-content: center;
   }
 }
-.p-content {
-  max-width: 100%;
-  img {
-    max-width: 30%;
-    width: auto;
-    height: auto;
-  }
-}
 </style>