更新

src/components/item-wrap/item-wrap.vue

@@ -46,7 +46,7 @@ $item_title_content-height: calc(100% - 38px);
 
   ::v-deep .border-box-content {
     box-sizing: border-box;
-    padding: 6px 16px 0px;
+    padding: 6px 0px 0px;
   }
 
   .item_title {

src/views/home/index.vue

@@ -6,9 +6,10 @@
  * @FilePath: \web-pc\src\pages\big-screen\view\indexs\index.vue
 -->
 <template>
-  <div class="winseaview-view" id="index">
+  <div class="bg" id="index">
     <div class="host-body">
       <div class="d-flex jc-center title_wrap">
+        <!-- <div class="titlebgc"></div> -->
         <div class="zuojuxing"></div>
         <div class="youjuxing"></div>
         <div class="guang"></div>
@@ -26,10 +27,10 @@
     </div>
     <div class="contents ">
       <div class="contetn_left">
-        <div class="pagetab">
-          <!-- <div class="item">实时监测</div> -->
+        <!-- <div class="pagetab">
+          <div class="item">实时监测</div>
 
-        </div>
+        </div> -->
         <ItemWrap class="contetn_left-top contetn_lr-item" title="在途信息统计">
           <LeftTop :listData="leftTopDataList"/>
         </ItemWrap>
@@ -498,11 +499,14 @@ export default {
 
     .guang {
       position: absolute;
-      bottom: -26px;
-      background-image: url("../../assets/images/guang.png");
-      background-position: 80px center;
-      width: 100%;
-      height: 56px;
+      bottom:0px;
+      background: url("../../assets/images/guang.gif") no-repeat center;
+      background-position: cover;
+    height: 1px;
+    left: 0;
+      right: 0;
+      margin: auto;
+      width:51%
     }
 
     .zuojuxing,
@@ -511,7 +515,12 @@ export default {
       top: -2px;
       width: 140px;
       height: 6px;
-      background-image: url("../../assets/images/headers/juxing1.png");
+      background: url("../../assets/images/headers/juxing1.png");
+     
+    }
+    .titlebgc{
+      background: url("../../assets//top.gif") no-repeat center;
+      background-size: cover;
     }
 
     .zuojuxing {
@@ -841,6 +850,7 @@ export default {
 .center_bottom {
   color: #fff;
   // font-size: 30px;
+  margin-top:50px;
 }
 
 .center_bottom_content {
@@ -850,6 +860,8 @@ export default {
   display:flex;
   justify-content: space-between;
   align-items: center;
+  margin-bottom:50px;
+  box-sizing:border-box;
   .item{
     .title{
       background: url("../../assets/index-1.png") no-repeat;

src/views/home/left-bottom.vue

@@ -14,7 +14,7 @@
     <component :is="components" :data="list" :class-option="defaultOption">
       <ul class="left_boottom">
         <li class="left_boottom_item" v-for="(item, i) in list" :key="i">
-          <span class="orderNum doudong">{{ i + 1 }}</span>
+          <!-- <span class="orderNum doudong">{{ i + 1 }}</span> -->
           <div class="inner_right">
             <div class="dibu"></div>
             <div class="flex">
@@ -304,6 +304,7 @@ export default {
 .left_boottom {
   width: 100%;
   height: 100%;
+  padding-left: 0;
 
   .left_boottom_item {
     display: flex;

src/views/home/left-top.vue

@@ -193,7 +193,7 @@ export default {
             text-align: center;
             line-height: 100px;
             font-size: 22px;
-            margin: 50px auto 30px;
+            margin: 20px auto 30px;
             background-size: cover;
             background-position: center center;
             position: relative;

src/views/home/right-bottom.vue

@@ -14,7 +14,7 @@
 						<div class="dibu"></div>
 						<div class="flex">
 							<div class="info">
-								<span class="labels">合同编号</span>
+								<span class="labels">合同编号：</span>
 								<span class="contents zhuyao"> {{ item.contractNo}}</span>
 							</div>
 							<div class="info">
@@ -25,7 +25,7 @@
 						<div class="flex">
 							<div class="info">
 								<span class="labels">合同量：</span>
-								<span class="contents warning"> {{ item.weight}}</span>
+								<span class="contents warning"> {{ item.weight}}吨</span>
 							</div>
 						</div>
 						<div class="flex">
@@ -151,6 +151,7 @@ export default {
 .right_center {
 	width: 100%;
 	height: 100%;
+	padding-left: 0;
 
 	.right_center_item {
 		display: flex;

src/views/home/right-top.vue

@@ -232,7 +232,7 @@ export default {
                   valueDim: 'y',
                   symbol: 'rect',
                   symbolSize: [60, 26],
-                  symbolOffset: [0, -20],
+                  symbolOffset: [80, -10],
                   itemStyle: {
                     color: 'rgba(0,0,0,0)',
                   },
@@ -301,7 +301,7 @@ export default {
                   valueDim: 'y',
                   symbol: 'rect',
                   symbolSize: [60, 26],
-                  symbolOffset: [0, -20],
+                  symbolOffset: [80, -10],
                   itemStyle: {
                     color: 'rgba(0,0,0,0)',
                   },