样式统一以及优化

src/module/databoard/assets/index.css

@@ -34,7 +34,7 @@
   margin-left: 1rem;
   color: var(--lightblue-text-color);
   font-size: 20px;
-  font-family: AlimamaShuHeiTi, serif;
+  /*font-family: AlimamaShuHeiTi, serif;*/
   font-weight: bold;
   letter-spacing: 2px;
 }

src/module/databoard/databoard/order-proportion.vue

@@ -137,10 +137,15 @@ input[type="button"]{
   border: none;
   font-size: 12px;
   border-radius: 25px;
+  font-weight: bold;
   padding: 0 10px;
   color: #00c8d6;
   background-color: #1234a1;
 }
+input[type="button"]:hover{
+  color: #1234a1 !important;
+  background-color: #00c8d6 !important;
+}
 .selectedBtn{
   color: #1234a1 !important;
   background-color: #00c8d6 !important;

src/module/databoard/databoard/turnover-detail.vue

 <template>
   <div class="turnover-detail">
     <div class="card-board">
-      <contrast-card v-for="data in currentData.head" style="height: 100%;width: 20%;" @click.native="selectLegend(data)">
+      <contrast-card v-for="data in currentData.head" style="height: 100%;width: 20%;" :class="{'selectCard': currentCard === data.title}" @click.native="selectLegend(data)">
         <title-content-mark style="color: #369afa;float: left;width: 40%;font-size: 18px" :title-style="{'font-weight': 'bold'}" :title="data.title" :content="data.amount" isBold/>
         <div style="width: 60%; height: 100%; float:left; padding: 2% 2% 0 8%; line-height: 60px; display: flex; align-items: center;font-size: 16px;">
           <table-column style="float: left;width: 25%;" :data="data.hb" name="title"/>
@@ -268,6 +268,7 @@ export default {
       chart: null,
       currentBtn: "day",
       currentLegend: '汽运(元)',
+      currentCard: '营业额',
       chartOption:{
         legend: {
           textStyle: {
@@ -418,6 +419,8 @@ export default {
       }else {
         this.chartOption.series[3].data = [];
       }
+      this.currentLegend = name;
+      this.currentCard = data.title;
       this.chart.setOption(this.chartOption);
 
     },
@@ -468,11 +471,16 @@ input[type="button"]{
   margin: 0.5%;
   border: none;
   font-size: 12px;
+  font-weight: bold;
   border-radius: 25px;
   padding: 0 10px;
   color: #00c8d6;
   background-color: #1234a1;
 }
+input[type="button"]:hover{
+  color: #1234a1 !important;
+  background-color: #00c8d6 !important;
+}
 .selectedBtn{
   color: #1234a1 !important;
   background-color: #00c8d6 !important;
@@ -481,4 +489,7 @@ input[type="button"]{
   color: #00c8d6;
   background-color: #1234a1;
 }
+.selectCard{
+  background-color: var(--card-background-select-color) !important;
+}
 </style>

src/module/index/index.vue

@@ -76,6 +76,7 @@ export default {
   margin: 0.5%;
   border: none;
   font-size: 12px;
+  font-weight: bold;
   border-radius: 25px;
   padding: 0 10px;
   line-height: 100%;
@@ -83,4 +84,8 @@ export default {
   background-color: #1234a1;
   margin: auto;
 }
+.btn:hover{
+  color: #1234a1 !important;
+  background-color: #00c8d6 !important;
+}
 </style>