update items

css/index.css

@@ -40,9 +40,11 @@ body {
   text-align: center;
   box-sizing: border-box;
   color: #8FE4E9;
-  line-height: 50px;
+  line-height: 40px;
   font-weight: 600;
   font-size: 18px;
+  background-image: url('../imgs/Headline@2x.png');
+  background-size: 100% 100%;
 }
 .main_wrap {
   height: calc(100% - 50px);
@@ -72,9 +74,20 @@ body {
 .item_header {
   height: 32px;
   line-height: 32px;
+  display: flex;
+  align-items: center;
 }
 
 .item_wrap {
   height: calc(100% - 32px);
   line-height: 32px;
+}
+
+.item_img {
+  width: 23px;
+  height: 23px;
+}
+
+.item_title {
+  margin-left: 6px;
 }
\ No newline at end of file

index.html

@@ -20,8 +20,8 @@
       <div class="view view_left">
         <div class="item">
           <div class="item_header" >
-            <img src="" alt="">
-            <span>文本标题</span>
+            <img class="item_img" src="./imgs/title@2x.png" alt="">
+            <span class="item_title" >文本标题</span>
           </div>
           <div class="item_wrap" ></div>
         </div>
@@ -30,7 +30,15 @@
       </div>
       <div class="view view_right">
         <div>1</div>
-        <div>2</div>
+
+        <div class="item">
+          <div class="item_header" >
+            <img class="item_img" src="./imgs/title@2x.png" alt="">
+            <span class="item_title" >文本标题</span>
+          </div>
+          <div class="item_wrap" id="right2"></div>
+        </div>
+
         <div>3</div>
       </div>
     </div>

js/index.js

+/* 左侧第一个 */
+
+/* 左侧第二个 */
+
+/* 左侧第三个 */
+
+/* 右侧第一个 */
+
+/* 右侧第二个 */
+let rightChart2 = echarts.init(document.getElementById('right2'));
+let rightOption2= {
+  color: '#FC962C',
+  tooltip: {
+    trigger: 'axis',
+    axisPointer: {
+      type: 'shadow'
+    }
+  },
+  grid: {
+    left: '3%',
+    right: '4%',
+    bottom: '3%',
+    containLabel: true
+  },
+  xAxis: {
+    show: false,
+    type: 'value',
+    boundaryGap: [0, 0.01]
+  },
+  yAxis: {
+    type: 'category',
+    splitLine: {
+      show: false
+    },
+    axisLine: {
+      show: false
+    },
+    axisTick: {
+      show: false
+    },
+    axisLabel: {
+      color: '#fff',
+    },
+    data: ['类型1', '类型2', '类型3', '类型4', '类型5', '类型6']
+  },
+  grid: {
+    top: 0,
+    left: 60,
+    bottom: 10,
+    right: 60,
+  },
+  series: [
+    {
+      name: '2011',
+      barWidth: 6,
+      showBackground: true,
+      type: 'bar',
+      label: {
+        show: true,
+        color: '#F5BD5F',
+        position: 'outside'
+      },
+      data: [18203, 23489, 29034, 104970, 131744, 630230]
+    }
+  ]
+}
+rightChart2.setOption(rightOption2);
+/* 右侧第三个 */