feat: 主题颜色的调整，现在支持切换颜色

src/pages-quick/list.vue

@@ -1,23 +1,13 @@
 <template>
-  <z-paging
-    ref="paging"
-    v-model="dataList"
-    use-virtual-list
-    :force-close-inner-list="true"
-    cell-height-mode="dynamic"
-    safe-area-inset-bottom
-    @query="queryList"
-  >
+  <z-paging ref="paging" v-model="dataList" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic"
+    safe-area-inset-bottom @query="queryList">
     <template #top>
       <TopNavBar title="快速预定" />
 
       <Tabs @change="handleTabChange" />
 
       <!-- 选择入住、离店日期 -->
-      <view
-        class="bg-white border-box flex flex-items-center p-12"
-        v-if="currentType === '0'"
-      >
+      <view class="bg-white border-box flex flex-items-center p-12" v-if="currentType === '0'">
         <view class="in flex flex-items-center">
           <text class="font-size-11 font-500 color-99A0AE mr-4">入住</text>
           <text class="font-size-14 font-500 color-171717">
@@ -26,9 +16,7 @@
         </view>
 
         <!-- 几晚 -->
-        <text
-          class="nights bg-E5E8EE border-box font-size-11 font-500 color-525866 rounded-50 ml-8 mr-8"
-        >
+        <text class="nights bg-E5E8EE border-box font-size-11 font-500 color-525866 rounded-50 ml-8 mr-8">
           {{ selectedDate.totalDays }}晚
         </text>
 
@@ -40,32 +28,16 @@
         </view>
 
         <!-- 日期图标 -->
-        <uni-icons
-          class="ml-auto"
-          type="calendar"
-          size="24"
-          color="#2D91FF"
-          @click="calendarVisible = true"
-        />
+        <uni-icons class="ml-auto" type="calendar" size="24" color="$theme-color-500" @click="calendarVisible = true" />
       </view>
     </template>
 
-    <Card
-      v-for="(item, index) in dataList"
-      :key="index"
-      :item="item"
-      :selectedDate="selectedDate"
-    />
+    <Card v-for="(item, index) in dataList" :key="index" :item="item" :selectedDate="selectedDate" />
   </z-paging>
 
   <!-- 日历组件 -->
-  <Calender
-    :visible="calendarVisible"
-    mode="range"
-    :default-value="selectedDate"
-    @close="handleCalendarClose"
-    @range-select="handleDateSelect"
-  />
+  <Calender :visible="calendarVisible" mode="range" :default-value="selectedDate" @close="handleCalendarClose"
+    @range-select="handleDateSelect" />
 </template>
 
 <script setup>