修改页面

src/components/newConfimationOrder.vue

@@ -110,7 +110,7 @@
 
   .newTrip_Main .newTripTutle {
     font-weight: bold;
-    margin-bottom: 10px !important;
+    float:left;
   }
 
   .newTripImgList {
@@ -306,7 +306,10 @@
     vertical-align: middle!important;
   }
   .newTripTable tr th{background: #E6E6E6;height:40px; font-size: 14px;   color: #333;}
-
+  .newTripFly i{
+    margin:0 10px;
+    font-size:23px;
+  }
 </style>
 <template>
   <div class="newTrip_Main" v-loading="pdfLoading">
@@ -477,18 +480,23 @@
           DAY {{item.dayNum}} 天
         </template>
         <div class="newTripDateTime">{{item.dateTime}}</div>
-        <div class="newTripFly" v-if="item.title" :class="getTitle(item.title)!=''?'newTripKuang':''">
-          {{getTitle(item.title)}}
+        <div class="newTripFly" v-if="item.title" v-html="getTitle(item.title)" :class="getTitle(item.title)!=''?'newTripKuang':''">
         </div>
         <div class="newTripDay" style="margin-bottom:0;" v-for="(subItem,subIndex) in item.details" :key="subIndex">
-          <div>
+          <div style="line-height:2;min-height:80px;">
             <span class="newTripTutle">{{getTitle(subItem.title)}}：</span>
-            <span>{{subItem.content}}</span>
+            <span><div v-html="subItem.content"></div></span>
           </div>
         </div>
         <div class="newTripDay">
           <div class="warmTipsTitle">温馨提示：</div>
-          <div class="warmTipsContent" v-html="item.tips[0].content"></div>
+          <template v-if="item.tips.length>0">
+                <div class="warmTipsContent">
+                  <template v-for="(sItem,sIndex) in item.tips">
+                    <div v-html="sItem.content" :key="sIndex"></div>
+                  </template>
+                </div>
+          </template>
         </div>
         <div>
           <table class="newTripTable" border="0" cellspacing="0" cellpadding="0">