Browse Source

🎈 perf: 美化日历图样式

Pchen0 1 month ago
parent
commit
d92a9eb860
1 changed files with 5 additions and 7 deletions
  1. 5 7
      src/components/LepaoAccountCard/accountDetailCard.vue

+ 5 - 7
src/components/LepaoAccountCard/accountDetailCard.vue

@@ -55,10 +55,10 @@
           <span>乐跑日历</span>
           <a-select v-model="calendarYear" :options="yearOptions" size="small" style="width: 110px" />
         </div>
-        <Chart :options="calendarOption" height="220px" width="100%" />
+        <Chart :options="calendarOption" height="180px" width="100%" />
 
         <div class="section-title">
-          <span>历史乐跑记录</span>
+          <span>乐跑记录</span>
           <span class="record-count">共 {{ records.length }} 条</span>
         </div>
         <a-table
@@ -67,6 +67,7 @@
           :scroll="{ x: 900, y: 280 }"
           size="small"
           row-key="id"
+          :bordered="false"
         >
           <template #columns>
             <a-table-column v-if="admin" title="所属用户" :width="120">
@@ -272,12 +273,9 @@ const { chartOption: calendarOption } = useChartOption(() => {
     visualMap: {
       min: 0,
       max: maxCount,
-      calculable: true,
-      orient: 'horizontal',
-      left: 'center',
-      bottom: 4,
+      show: false,
       inRange: {
-        color: ['#e8f3ff', '#165dff']
+        color: ['#fff0f5', '#FE82A5']
       }
     },
     calendar: {