修改打包后 查看个人发表，样式混乱的问题

src/views/system/appUser/detail/publish.vue

@@ -76,10 +76,10 @@
 
     <!-- 添加或修改我的近况（发）对话框 -->
     <el-dialog  :visible.sync="open" width="600px" append-to-body :close-on-click-modal=false>
-      <el-card class="box-card">
+      <el-card>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
 
-        <el-card class="box-card" shadow="hover">
+        <el-card shadow="hover">
           <div style="line-height:150%">{{form.contents}}</div>
         <el-divider />
 
@@ -108,7 +108,7 @@
         </div>
 
       </el-form>
-        <el-card class="box-card" shadow="hover" :body-style="{height:'200px'}">
+        <el-card shadow="hover" :body-style="{height:'200px'}">
           <div slot="header" class="clearfix">
             <span>评论</span>
             <div style="float: right; padding: 3px 0">{{form.comments}}</div>
@@ -288,7 +288,6 @@ export default {
 
       getPublish(id).then(response => {
         this.form = response.data;
-        this.open = true;
         this.title = "查看我的发表";
 
         this.imgList = [];
@@ -300,6 +299,9 @@ export default {
         }
         this.listComment(id);
       });
+      this.$nextTick(function(){
+        this.open = true;
+      });
     },
     listComment(id) {
         listComment(id).then(res => {
@@ -377,10 +379,10 @@ export default {
 
 <style>
 .el-dialog__body {
-  padding: 10px 20px;
+  padding: 10px 20px ! important;
 }
 .el-form-item {
-  margin-bottom: 8px;
+  margin-bottom: 8px ! important;
 }
 .block {
     padding: 1px 1px 0px;
@@ -396,21 +398,21 @@ export default {
     display: block;
   }
 .image-slot {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    background: #f5f7fa;
-    color: #909399;
+    display: flex ! important;
+    justify-content: center ! important;
+    align-items: center ! important;
+    width: 100% ! important;
+    height: 100% ! important;
+    background: #f5f7fa ! important;
+    color: #909399 ! important;
 }
 .el-divider--horizontal {
-  margin: 10px 0px;
+  margin: 10px 0px ! important;
 }
 .el-card__body {
-  padding: 12px;
+  padding: 12px ! important;
 }
 .el-carousel__item {
-  height: 200px;
+  height: 200px ! important;
 }
 </style>