style:样式

src/components/workspace/GoldGraphMarkets.vue

@@ -17,15 +17,25 @@
           任务金币: {{ activeTab === 'recharge' ? sumRechargeTask  : sumConsumeTask  }}  
         </div>
         <div style="display: flex;">
-          <el-button @click="getYes()" size="small" :type="activeTimeRange === 'yes' ? 'primary' : ''">昨天
+          <el-button
+              :style="{ backgroundColor: activeTimeRange === 'yes' ? '#2741DE' : '#E5EBFE', color: activeTimeRange === 'yes' ? 'white' : '#666' }"
+              @click="getYes()" size="default">昨天
           </el-button>
-          <el-button @click="getToday()" size="small" :type="activeTimeRange === 'today' ? 'primary' : ''">今天
+          <el-button
+              :style="{ backgroundColor: activeTimeRange === 'today' ? '#2741DE' : '#E5EBFE', color: activeTimeRange === 'today' ? 'white' : '#666' }"
+              @click="getToday()" size="default">今天
           </el-button>
-          <el-button @click="getWeek()" size="small" :type="activeTimeRange === 'week' ? 'primary' : ''">本周
+          <el-button
+              :style="{ backgroundColor: activeTimeRange === 'week' ? '#2741DE' : '#E5EBFE', color: activeTimeRange === 'week' ? 'white' : '#666' }"
+              @click="getWeek()" size="default">本周
           </el-button>
-          <el-button @click="getMonth()" size="small" :type="activeTimeRange === 'month' ? 'primary' : ''">本月
+          <el-button
+              :style="{ backgroundColor: activeTimeRange === 'month' ? '#2741DE' : '#E5EBFE', color: activeTimeRange === 'month' ? 'white' : '#666' }"
+              @click="getMonth()" size="default">本月
           </el-button>
-          <el-button @click="getYear()" size="small" :type="activeTimeRange === 'year' ? 'primary' : ''">本年
+          <el-button
+              :style="{ backgroundColor: activeTimeRange === 'year' ? '#2741DE' : '#E5EBFE', color: activeTimeRange === 'year' ? 'white' : '#666' }"
+              @click="getYear()" size="default">本年
           </el-button>
         </div>
         <div style="display: flex;">
@@ -508,13 +518,15 @@ const updateChart = (chartData) => {
         axisLabel: {
           formatter: (v) => v.toLocaleString()
         },
+
         splitLine: {
           lineStyle: {
             type: 'dashed',
-            width: 1
-          }
+            width: 1,
+            color: '#000000'
           }
         },
+      },
       series,
       // dataZoom: [
       //   {