From b552e77c66100660fda94ae40deb4c51975948d5 Mon Sep 17 00:00:00 2001 From: yaoyuhao Date: Thu, 25 Apr 2024 16:44:31 +0800 Subject: [PATCH] 1 --- src/view/echarts_sy/pie2.vue | 20 ++++++++++---------- src/view/sy.vue | 10 ++++++++-- 2 files changed, 18 insertions(+), 12 deletions(-) diff --git a/src/view/echarts_sy/pie2.vue b/src/view/echarts_sy/pie2.vue index 68c9a32..a57cb09 100644 --- a/src/view/echarts_sy/pie2.vue +++ b/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, }, }, diff --git a/src/view/sy.vue b/src/view/sy.vue index 31075bc..84c8536 100644 --- a/src/view/sy.vue +++ b/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; }