销售漏斗样式调整

src/views/mediaStatistics/modules/futureTwelveMonths.vue

@@ -15,48 +15,51 @@
         </div>
       </template>
       <template slot="content">
-        <div class="previous-border-class" v-for="item in dataBoxData" :key="item.index">
-          <div class="previous-style-padding">
-            <div class="justify-div-position">
-              <div class="previous-style-circle" :style="{borderColor:item.color}"></div>
-              <div class="previous-style-font1">{{$t(item.title)}}</div>
-              <el-tooltip effect="dark" placement="top-start" style="margin-top: 3px">
-                <div slot="content" style="white-space: pre">
-                  {{
-                    $t(
-                        item.description
-                    )
-                  }}
-                </div>
-                <!--        <i class="el-icon-question" style="color: #afb0be;float: right"></i>-->
-                <img
-                    width="14px"
-                    height="14px"
-                    src="../../../assets/icons/prompt_icon.svg"
-                />
-              </el-tooltip>
-            </div>
-            <div class="previous-style-font2">
-              <div v-if="item.title1">
-                <span class="font-color-style-gray previous-style-font4 previous-right-5">{{$t(item.title1)}}</span>
-                <span class="font-color-style-green previous-style-font3 font-class-bold">{{item.value1}}</span>
-                <span class="font-color-style-green previous-style-font4 font-class-bold">{{$t(item.unit1)}}</span>
-                <span class="font-color-style-gray previous-style-font4 previous-left-26 previous-right-5">{{$t(item.title2)}}</span>
-                <span class="font-color-style-green previous-style-font3 font-class-bold">{{item.value2}}</span>
-                <span class="font-color-style-green previous-style-font4 font-class-bold">{{$t(item.unit2)}}</span>
+        <div style="clear: both;">
+          <div class="previous-border-class" v-for="item in dataBoxData" :key="item.index">
+            <div class="previous-style-padding">
+              <div class="justify-div-position">
+                <div class="previous-style-circle" :style="{borderColor:item.color}"></div>
+                <div class="previous-style-font1">{{$t(item.title)}}</div>
+                <el-tooltip effect="dark" placement="top-start" style="margin-top: 3px">
+                  <div slot="content" style="white-space: pre">
+                    {{
+                      $t(
+                          item.description
+                      )
+                    }}
+                  </div>
+                  <!--        <i class="el-icon-question" style="color: #afb0be;float: right"></i>-->
+                  <img
+                      width="14px"
+                      height="14px"
+                      src="../../../assets/icons/prompt_icon.svg"
+                  />
+                </el-tooltip>
               </div>
-              <div v-else>
-                <span class="font-color-style-green previous-style-font3 font-class-bold">{{item.value}}</span>
-                <span class="font-color-style-green previous-style-font4 font-class-bold">{{$t(item.unit)}}</span>
+              <div class="previous-style-font2">
+                <div v-if="item.title1">
+                  <span class="font-color-style-gray previous-style-font4 previous-right-5">{{$t(item.title1)}}</span>
+                  <span class="font-color-style-green previous-style-font3 font-class-bold">{{item.value1}}</span>
+                  <span class="font-color-style-green previous-style-font4 font-class-bold">{{$t(item.unit1)}}</span>
+                  <span class="font-color-style-gray previous-style-font4 previous-left-26 previous-right-5">{{$t(item.title2)}}</span>
+                  <span class="font-color-style-green previous-style-font3 font-class-bold">{{item.value2}}</span>
+                  <span class="font-color-style-green previous-style-font4 font-class-bold">{{$t(item.unit2)}}</span>
+                </div>
+                <div v-else>
+                  <span class="font-color-style-green previous-style-font3 font-class-bold">{{item.value}}</span>
+                  <span class="font-color-style-green previous-style-font4 font-class-bold">{{$t(item.unit)}}</span>
+                </div>
               </div>
             </div>
           </div>
         </div>
-        <div ref="chartRef" style="height: 220px;">
-        </div>
       </template>
       <template slot="charts">
-
+        <div style="clear: both;">
+          <div ref="chartRef" style="height: 220px;">
+          </div>
+        </div>
       </template>
     </boxBorder>
   </div>