Browse Source

线上问题:描述换行

洪海涛 4 years ago
parent
commit
2f4e5edabc

+ 4 - 11
src/views/monthlyReport/childrenPage/editReport/components/OnlineQuestion.vue

@@ -1,15 +1,15 @@
 <template>
-  <div v-if="subTitle" class="subTitle-wrapper">
+  <span v-if="subTitle" class="subTitle-wrapper">
     <span class="fontWeight">{{ title }}</span>&nbsp;-&nbsp;
-    <div v-for="(item, index) in subTitle" :key="index" class="item">
+    <span v-for="(item, index) in subTitle" :key="index" class="item">
       <span v-if="isShowItem(item.copywriter)">{{ item.copywriter === '已完成' ? '线上故障改进项:已完成' : item.copywriter }}<span :class="{ red: isShowColor(item.copywriter, item.label) }"><span class="fontWeight">{{ item.label }}</span>
         <span v-if="isShow(item.copywriter)" class="fontWeight">%</span></span><span
         v-if="item.copywriter !== '全量回滚率' && item.copywriter !== '逾期率'">个</span>
         <span v-if="index < subTitle.length - 1">{{ item.copywriter.search(/发布次数|未定级故障/) > -1 ? ';' : isComma(item.copywriter) }}</span>
         <span v-if="index === subTitle.length - 1">。</span>
       </span>
-    </div>
-  </div>
+    </span>
+  </span>
 </template>
 
 <script>
@@ -86,16 +86,9 @@ export default {
 <style scoped lang='less'>
 .subTitle-wrapper {
   color: #333;
-  display: inline-block;
   line-height: 1;
 
-  * {
-    display: inline-block;
-  }
-
   .item {
-    display: inline-block;
-
     /deep/ .red {
       color: red;
     }