style: 格式化 Vue 文件中的 HTML 标签和属性

src/pages/realtimeInfo/pc/indexPC.vue

@@ -2,10 +2,7 @@
   <view class="pc_all">
     <PageTop></PageTop>
 
-    <view
+    <view class="content" :style="{ filter: Session.get('token') ? '' : 'blur(5px)' }">
-      class="content"
-      :style="{ filter: Session.get('token') ? '' : 'blur(5px)' }"
-    >
       <view class="top" @click="goBack">
         <image src="@/assets/zixun/icon_fanhui.png" class="icon_back" />
         <text>返回列表</text>
@@ -28,46 +25,27 @@
 
       <!-- 两个标签 start -->
       <view class="r_tag_two">
-        <view
+        <view style="display: flex" v-if="infoData?.conceptLabels && infoData?.conceptLabels.length > 0">
-          style="display: flex"
-          v-if="infoData?.conceptLabels && infoData?.conceptLabels.length > 0"
-        >
           <text class="tag_title">行业分类：</text>
           <view class="r_tags">
-            <view
+            <view class="tag" style="background-color: #fff9ec; color: #ffb100" v-for="(item, index) in infoData?.industryLabels" :key="index">{{
-              class="tag"
+              item
-              style="background-color: #fff9ec; color: #ffb100"
+            }}</view>
-              v-for="(item, index) in infoData?.industryLabels"
-              :key="index"
-              >{{ item }}</view
-            >
           </view>
         </view>
 
-        <view
+        <view style="display: flex" v-if="infoData?.industryLabels && infoData?.industryLabels.length > 0">
-          style="display: flex"
-          v-if="infoData?.industryLabels && infoData?.industryLabels.length > 0"
-        >
           <text class="tag_title">概念标签：</text>
           <view class="r_tags">
-            <view
+            <view class="tag" style="background-color: #f5f8fe; color: #007aff" v-for="(item, index) in infoData?.conceptLabels" :key="index">{{
-              class="tag"
+              item
-              style="background-color: #f5f8fe; color: #007aff"
+            }}</view>
-              v-for="(item, index) in infoData?.conceptLabels"
-              :key="index"
-              >{{ item }}</view
-            >
           </view>
         </view>
       </view>
       <!-- 两个标签 end -->
 
-      <view
+      <view class="text" v-html="infoData.content" style="white-space: pre-wrap"> </view>
-        class="text"
-        v-html="infoData.content"
-        style="white-space: pre-wrap"
-      >
-      </view>
       <!-- <view class="text">
         <text >{{ infoData.content }}</text>
       </view> -->
@@ -78,8 +56,7 @@
       mode="center"
       @handlePopupClose="handlePopupClose"
       @handlePopupSuccessCallback="handlePopupSuccessCallback"
-      @handlePopupErrorCallback="handlePopupErrorCallback"
+      @handlePopupErrorCallback="handlePopupErrorCallback" />
-    />
   </view>
 </template>