Jelajahi Sumber

修改高度百分比

朱鑫波 1 tahun lalu
induk
melakukan
9dd698c109
1 mengubah file dengan 12 tambahan dan 16 penghapusan
  1. 12 16
      src/views/dashboard/dataBigScreen.vue

+ 12 - 16
src/views/dashboard/dataBigScreen.vue

@@ -285,7 +285,7 @@ p {
           <div
             style="
               width: 100%;
-              height: 30%;
+              height: 30vh;
               background-color: rgba(2, 28, 69, 1);
               opacity: 0.7;
             "
@@ -302,20 +302,18 @@ p {
               "
             ></div>
             <span style="color: #0099ff; font-size: 1vw; padding: 10px">数据概览</span>
-            <div v-if="orderData">
-              <!-- <p class="p-title">GMV {{ orderData.allNumber }}</p>
+
+            <!-- <p class="p-title">GMV {{ orderData.allNumber }}</p>
               <p class="p-title">订单总数 {{ orderData.allNumber }}</p>
               <p class="p-title">达人数 {{ orderData.allNumber }}</p>
               <p class="p-title">商品数 {{ orderData.allNumber }}</p> -->
-              <div id="consume" ref="consume" style="width: 98%; height: 250px"></div>
-            </div>
-            <a-list v-else :data-source="[]" />
+            <div id="consume" ref="consume" style="width: 98%; height: 80%"></div>
             <!-- <a-empty :image="emptyImg"  /> -->
           </div>
           <div
             style="
               width: 100%;
-              height: 30%;
+              min-height: 30vh;
               background-color: rgba(2, 28, 69, 1);
               opacity: 0.7;
             "
@@ -382,7 +380,7 @@ p {
           <div
             style="
               width: 100%;
-              height: 60%;
+              height: 60vh;
               background-color: rgba(2, 28, 69, 1);
               opacity: 0.7;
             "
@@ -393,7 +391,7 @@ p {
           <div
             style="
               width: 100%;
-              height: 30%;
+              height: 30vh;
               background-color: rgba(2, 28, 69, 1);
               opacity: 0.7;
             "
@@ -410,15 +408,14 @@ p {
               "
             ></div>
             <span style="color: #0099ff; font-size: 1vw; padding: 10px">数据对比</span>
-            <div class="echartBody">
-              <div id="echartOrder" ref="echartOrder" style="height: 250px"></div>
-            </div>
+
+            <div id="echartOrder" ref="echartOrder" style="height: 80%"></div>
             <!-- <a-empty :image="emptyImg"  /> -->
           </div>
           <div
             style="
               width: 100%;
-              height: 30%;
+              min-height: 30vh;
               background-color: rgba(2, 28, 69, 1);
               opacity: 0.7;
             "
@@ -462,7 +459,6 @@ p {
                   }}
                 </template>
               </el-table-column>
-             
 
               <el-table-column label="日涨幅" align="center" prop="radio">
                 <template slot-scope="scope">
@@ -485,7 +481,7 @@ p {
           <div
             style="
               width: 100%;
-              height: 30%;
+              height: 30vh;
               background-color: rgba(2, 28, 69, 1);
               opacity: 0.7;
             "
@@ -502,7 +498,7 @@ p {
               "
             ></div>
             <span style="color: #0099ff; font-size: 1vw; padding: 10px">七日订单</span>
-            <div id="echart" ref="echart" style="width: 98%; height: 250px"></div>
+            <div id="echart" ref="echart" style="width: 98%; height: 80%"></div>
             <!-- <a-empty :image="emptyImg"  /> -->
           </div>
         </el-col>