+
日环比:{{ sumDaily }}%
@@ -124,7 +124,7 @@
-
+
@@ -362,11 +362,16 @@ const initConsumeChart = () => {
const myChart = echarts.init(consumeChart.value);
const option = {
legend: {
+ textStyle: {
+ fontSize: 15,
+ color: '#000',
+ fontFamily: 'PingFang SC'
+ },
orient: 'vertical',
- left: '10%',
- top: '85',
+ left: '15%',
+ top: '105',
icon: 'circle',
- iconSize: 5,
+ iconSize: 7,
textSize: 12,
itemWidth: 7,
itemHeight: 7,
@@ -376,7 +381,7 @@ const initConsumeChart = () => {
{
type: 'pie',
radius: ['30%', '45%'],
- center: ['50%', '35%'],
+ center: ['50%', '30%'],
silent: true,
clockwise: true,
label: {show: false},
@@ -406,9 +411,14 @@ const initConsumeDetailChart = () => {
const option = {
// 增加图表内边距,避免内容溢出
legend: {
+ textStyle: {
+ fontSize: 15,
+ color: '#000',
+ fontFamily: 'PingFang SC'
+ },
orient: 'vertical',
- left: '20%',
- top: '85',
+ left: '10%',
+ top: '105',
icon: 'circle',
iconSize: 5,
itemWidth: 7,
@@ -464,12 +474,16 @@ const initRechargePeopleChart = () => {
const myChart = echarts.init(rechargePeopleChart.value);
const option = {
legend: {
+ textStyle: {
+ fontSize: 15,
+ color: '#000',
+ fontFamily: 'PingFang SC'
+ },
orient: 'vertical',
left: '20%',
- top: '85',
+ top: '110',
icon: 'circle',
iconSize: 5,
- textSize: 18,
itemWidth: 7,
itemHeight: 7,
},
@@ -477,7 +491,7 @@ const initRechargePeopleChart = () => {
{
type: 'pie',
radius: ['30%', '50%'],
- center: ['50%', '35%'],
+ center: ['50%', '30%'],
silent: true,
clockwise: true,
label: {show: false},
@@ -492,7 +506,7 @@ const initRechargePeopleChart = () => {
{
type: 'pie',
radius: ['30%', '45%'],
- center: ['50%', '35%'],
+ center: ['50%', '30%'],
silent: true,
clockwise: true,
label: {show: false},
@@ -552,7 +566,7 @@ onMounted(async () => {
}
.card-item-row1 {
- height: 160px;
+ height: 200px;
width: auto;
background: #E4F0FC;
box-shadow: 0 0 4px 0 #00000040;
@@ -566,7 +580,7 @@ onMounted(async () => {
.card-item {
- height: 200px;
+ height: 240px;
width: auto;
background: #E4F0FC;
box-shadow: 0 0 4px 0 #00000040;
@@ -581,6 +595,7 @@ onMounted(async () => {
.card-title {
font-weight: bold;
height: 36px;
+ font-size: 17px;
width: 100%;
flex-shrink: 0;
border-radius: 8px;
@@ -645,7 +660,7 @@ onMounted(async () => {
.gold-management {
margin: 10px 5px;
width: 100%;
- height: 50vh;
+ height: 550px;
flex-shrink: 0;
border-radius: 8px;
background: #E7F4FD;