1

src/view/echarts_sy/pie2.vue

@@ -16,12 +16,12 @@ const option = {
     itemHeight: 12,
     itemWidth: 30,
     textStyle: {
-      fontSize: 20,
+      fontSize: 16,
       color: "#fff",
     },
     top: 70,
     left: 30,
-    itemGap: 10, // 垂直间距
+    itemGap: 20, // 垂直间距
     y: "top", // 延Y轴居中
     data: ["17岁以下", "18-34岁", "35-69岁", "60岁以上"],
   },
@@ -82,10 +82,10 @@ const option = {
       label: {
         normal: {
           show: true,
-          position: ["25%", "-50%"],
+          position: ["25%", "-60%"],
           formatter: "{c}%",
           color: "#fff",
-          fontSize: 25,
+          fontSize: 22,
           fontWeight: 600,
         },
       },
@@ -114,10 +114,10 @@ const option = {
       label: {
         normal: {
           show: true,
-          position: ["35%", "-50%"],
+          position: ["35%", "-60%"],
           formatter: "{c}%",
           color: "#fff",
-          fontSize: 25,
+          fontSize: 22,
           fontWeight: 600,
         },
       },
@@ -146,10 +146,10 @@ const option = {
       label: {
         normal: {
           show: true,
-          position: ["35%", "-50%"],
+          position: ["35%", "-60%"],
           formatter: "{c}%",
           color: "#fff",
-          fontSize: 25,
+          fontSize: 22,
           fontWeight: 600,
         },
       },
@@ -178,10 +178,10 @@ const option = {
       label: {
         normal: {
           show: true,
-          position: ["35%", "-50%"],
+          position: ["35%", "-60%"],
           formatter: "{c}%",
           color: "#fff",
-          fontSize: 25,
+          fontSize: 22,
           fontWeight: 600,
         },
       },

src/view/sy.vue

@@ -338,6 +338,7 @@ const rowState = (row) => {
 };
 const tableHeaderColor = (arg) => {
   return {
+    paddingLeft:'10px',
     letterSpacing: "1px",
     fontSize: "15px",
     height: "50px",
@@ -1153,6 +1154,11 @@ const jtsyList = ref([
 }
 :deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) {
   border: none !important;
+  padding-left: 10px !important; 
+}
+
+:deep(.el-table td.el-table__cell){
+  padding-left: 10px;
 }
 ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
   background-color: #2f4b74;
@@ -1162,7 +1168,7 @@ const jtsyList = ref([
   background-color: #122560;
 }
 
-.el-table .el-table__row {
+:deep(.el-table .el-table__row){
   border-bottom: none;
 }
 //右边
@@ -1351,7 +1357,7 @@ table {
         background: rgba(63, 89, 133, 1);
       }
       td:nth-child(2) {
-        padding-left: 60px;
+        padding-left: 50px;
         box-sizing: border-box;
         letter-spacing: 2px;
       }