测试文件

portal/Digitalgovernment/city/jichuText/1.css

@@ -0,0 +1,58 @@
+.jianzhu {
+  position: absolute;
+  top: 73px;
+  left: 20px;
+  height: 720px;
+  width: 100%;
+  background: red;
+  /* width: 83.5%;
+  padding: 10px 20px; */
+}
+.jianzhu h3 {
+  text-align: left;
+  padding: 20px;
+  padding-left: 20px;
+  border-bottom: 1px solid #e1e1e1;
+}
+.jianzhu b {
+  margin: 0 10px;
+  font-size: 18px;
+}
+.jianzhu > :nth-child(1) {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: 0 0 1px 1px #e1e1e1;
+  margin-bottom: 20px;
+  padding-right: 20px;
+}
+.jianzhu > :nth-child(1) h3 {
+  border-bottom: none;
+  padding: 10px 20px;
+}
+.jianzhu > :nth-child(1) b {
+  font-size: 26px;
+}
+.jianzhu .top {
+  display: flex;
+  justify-content: space-between;
+  height: 600px;
+}
+.jianzhu .top > div {
+  width: 24%;
+  box-shadow: 0 0 1px 1px #e1e1e1;
+  text-align: left;
+  padding-bottom: 50px;
+}
+.jianzhu .top > div > :nth-child(2) {
+  padding-top: 20px;
+  padding-left: 20px;
+}
+.jianzhu .top > div > :nth-child(2) span {
+  margin-right: 20px;
+}
+.jianzhu .top > div > :nth-child(3) {
+  width: 80%;
+  height: 200px;
+  margin: 60px auto 0;
+}

portal/Digitalgovernment/city/jichuText/1.js

@@ -0,0 +1,61 @@
+var myChart31 = echarts.init(document.querySelector(".echart31"))
+var option31 = {
+  tooltip: {
+    trigger: "item",
+    show: true,
+    showContent: true,
+  },
+  // legend: {
+  //   top: "5%",
+  //   left: "center",
+  //   itemStyle: {
+  //     tooltip: true,
+  //   },
+  // },
+  series: [{
+    // name: "Access From",
+    type: "pie",
+    radius: ["70%", "90%"],
+    avoidLabelOverlap: false,
+    label: {
+      show: true,
+      // position: "center",
+    },
+    itemStyle: {
+      color: "#3D9DF4",
+    },
+    emphasis: {
+      label: {
+        show: true,
+        fontSize: "40",
+        fontWeight: "bold",
+      },
+      itemStyle: {
+        shadowBlur: 10,
+        shadowOffsetX: 0,
+        shadowColor: "rgba(0, 0, 0, 0.5)",
+      },
+    },
+    labelLine: {
+      show: false,
+    },
+    data: [{
+      value: 100,
+      name: "100%",
+      label: {
+        position: "center",
+        fontSize: 18,
+      },
+    }, ],
+  }, ],
+}
+myChart31.setOption(option31)
+
+/* var myChart32 = echarts.init(document.querySelector(".echart32"))
+myChart32.setOption(option31)
+
+var myChart33 = echarts.init(document.querySelector(".echart33"))
+myChart33.setOption(option31)
+
+var myChart34 = echarts.init(document.querySelector(".echart34"))
+myChart34.setOption(option31) */

portal/Digitalgovernment/city/jichuText/1.less

@@ -0,0 +1,62 @@
+.jianzhu {
+  position: absolute;
+  top: 73px;
+  left: 20px;
+  height: 720px;
+  visibility: hidden;
+  background: #ffffff;
+  width: 83.5%;
+  padding: 10px 20px;
+  h3 {
+    text-align: left;
+
+    padding: 20px;
+    padding-left: 20px;
+    border-bottom: 1px solid #e1e1e1;
+  }
+  b {
+    margin: 0 10px;
+    font-size: 18px;
+  }
+  > :nth-child(1) {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    box-shadow: 0 0 1px 1px #e1e1e1;
+    margin-bottom: 20px;
+    padding-right: 20px;
+    h3 {
+      border-bottom: none;
+      padding: 10px 20px;
+    }
+    b {
+      font-size: 26px;
+    }
+  }
+  .top {
+    display: flex;
+    justify-content: space-between;
+    height: 600px;
+
+    > div {
+      width: 24%;
+      box-shadow: 0 0 1px 1px #e1e1e1;
+      text-align: left;
+      padding-bottom: 50px;
+      > :nth-child(2) {
+        padding-top: 20px;
+        padding-left: 20px;
+        // margin-top: 40px;
+        span {
+          margin-right: 20px;
+        }
+      }
+      > :nth-child(3) {
+        width: 80%;
+        height: 200px;
+        margin: 60px auto 0;
+      }
+    }
+  }
+}