规范代码格式

src/components/FloatingToolbar.vue

@@ -1,47 +1,47 @@
 <template>
   <v-slide-y-transition>
     <v-card
+      :class="{ 'toolbar-expanded': isExpanded }"
       class="floating-toolbar"
       elevation="4"
       rounded="xl"
-      :class="{ 'toolbar-expanded': isExpanded }"
     >
 
 
-      <v-btn-group variant="text" class="toolbar-buttons">
+      <v-btn-group class="toolbar-buttons" variant="text">
         <v-btn
-        icon="mdi-chevron-left"
-        variant="text"
-        @click="$emit('prev-day')"
-        :title="'查看昨天'"
-        class="toolbar-btn"
-        v-ripple
-      />
+          v-ripple
+          :title="'查看昨天'"
+          class="toolbar-btn"
+          icon="mdi-chevron-left"
+          variant="text"
+          @click="$emit('prev-day')"
+        />
         <v-btn
+          v-ripple
+          :title="'缩小字体'"
+          class="toolbar-btn"
           icon="mdi-format-font-size-decrease"
           variant="text"
           @click="$emit('zoom', 'out')"
-          :title="'缩小字体'"
-          class="toolbar-btn"
-          v-ripple
         />
         <v-btn
+          v-ripple
+          :title="'放大字体'"
+          class="toolbar-btn"
           icon="mdi-format-font-size-increase"
           variant="text"
           @click="$emit('zoom', 'up')"
-          :title="'放大字体'"
-          class="toolbar-btn"
-          v-ripple
         />
-        <v-menu location="top" :close-on-content-click="false">
+        <v-menu :close-on-content-click="false" location="top">
           <template #activator="{ props }">
             <v-btn
-              icon="mdi-calendar"
-              variant="text"
-              v-bind="props"
+              v-ripple
               :title="'选择日期'"
               class="toolbar-btn"
-              v-ripple
+              icon="mdi-calendar"
+              v-bind="props"
+              variant="text"
             />
           </template>
           <v-card border class="date-picker-card">
@@ -53,24 +53,24 @@
           </v-card>
         </v-menu>
         <v-btn
-          icon="mdi-refresh"
-          variant="text"
+          v-ripple
           :loading="loading"
-          @click="$emit('refresh')"
           :title="'刷新数据'"
           class="toolbar-btn"
-          v-ripple
+          icon="mdi-refresh"
+          variant="text"
+          @click="$emit('refresh')"
         />
 
-       <v-btn
-        v-if="!isToday"
-        icon="mdi-chevron-right"
-        variant="text"
-        @click="$emit('next-day')"
-        :title="'查看明天'"
-        class="toolbar-btn"
-        v-ripple
-      />
+        <v-btn
+          v-if="!isToday"
+          v-ripple
+          :title="'查看明天'"
+          class="toolbar-btn"
+          icon="mdi-chevron-right"
+          variant="text"
+          @click="$emit('next-day')"
+        />
       </v-btn-group>