图片居中

src/views/cygx/isTrackFollow.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="track-follow-page">
+  <div class="track-follow-page" v-if="isShowFollowButton">
     <view class="container-track-follow">
       <view>若对该赛道不感兴趣，可点击 </view>
       <view class="cancel-follow" @click="isFollowHandler">{{ isFollowData ? "取消关注" : "已取消" }} </view>
@@ -13,7 +13,9 @@
         </div>
         <p class="tips">提示</p>
         <p>取消关注后，该赛道下的更新内容都不会对您做消息推送，您也可以在【查研观向小助手】公众号菜单栏【推送规则】下修改您关注的赛道</p>
-        <img @click="previewImage" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/follow_dialog.png" />
+        <div class="img-dlg">
+          <img @click="previewImage" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/follow_dialog.png" />
+        </div>
       </view>
     </van-dialog>
   </div>
@@ -140,10 +142,15 @@ const cancelFollowClick = () => {
       margin-bottom: 12px;
     }
     img {
-      margin: 35px 0 0 30px;
       width: 545px;
       height: 579px;
     }
   }
+  .img-dlg {
+    margin: 35px 0 0;
+    display: flex;
+    align-content: center;
+    justify-content: center;
+  }
 }
 </style>