feat: add new features, update theme and build config

- Add 40+ new UI components including chat modules, discovery cards, photo galleries, FAQ and booking tools
- Standardize brand color across all styles by replacing $theme-color-500 SCSS variables with #0ccd58
- Add sass 1.58.3 dependency and update vite config for modern scss compiler support
- Refactor existing components (AddCarCrad, login page) and remove unused /quick/list router route
- Add utility functions for URL parameter handling
- Add static assets including custom znicons font, component images and icons
- Fix scss syntax issues and deprecation warnings

src/pages/home/components/QuickBookingCalender/index.vue

@@ -0,0 +1,66 @@
+<template>
+  <div class="date-picker">
+    <div class="date-list">
+      <div v-for="(item, index) in dates" :key="index" class="date-item" :class="{ active: index === activeIndex }"
+        @click="selectDate(index)">
+        <span class="label">{{ item.label }}</span>
+        <span class="date">{{ item.date }}</span>
+      </div>
+
+      <!-- 日历按钮 -->
+      <div class="calendar-btn btn-bom" @click="openCalendar">
+        <img src="https://oss.nianxx.cn/mp/static/booking_calendar.png" mode="widthFix" class="calendar-img" />
+        <span class="calendar-text">日历</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+const emit = defineEmits(["update:date"]); // 声明事件
+
+const activeIndex = ref(2); // 默认今天
+const dates = ref([]);
+
+// 初始化日期（前天、昨天、今天、明天、后天）
+const initDates = () => {
+  const today = new Date();
+  const labels = ["前天", "昨天", "今天", "明天", "后天"];
+  for (let i = -2; i <= 2; i++) {
+    const d = new Date(today);
+    d.setDate(today.getDate() + i);
+    const month = d.getMonth() + 1;
+    const day = d.getDate();
+    dates.value.push({
+      label: labels[i + 2],
+      date: `${month}/${day}`,
+      fullDate: `${d.getFullYear()}-${String(month).padStart(2, "0")}-${String(
+        day
+      ).padStart(2, "0")}`,
+    });
+  }
+};
+
+const selectDate = (index) => {
+  activeIndex.value = index;
+  emit("update:date", dates.value[index]); // 传回父组件
+};
+
+const openCalendar = () => {
+  uni.$emit("openCalendar");
+
+  uni.$on("selectCalendarDate", (date) => {
+    emit("update:date", { fullDate: date });
+    uni.$off("selectCalendarDate");
+  });
+};
+
+onMounted(() => {
+  initDates();
+});
+</script>
+
+<style scoped lang="scss">
+@import "./styles/index.scss";
+</style>

src/pages/home/components/QuickBookingCalender/styles/index.scss

@@ -0,0 +1,57 @@
+.date-picker {
+  background: rgba(140, 236, 255, 0.24);
+  padding: 8rpx 0;
+  border-radius: 16rpx;
+  margin: 12px 0 6px;
+  min-width: 325px;
+  box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1); /* 阴影 */
+}
+
+.date-list {
+  display: flex;
+}
+
+.date-item,
+.calendar-btn {
+  flex: 1; /* 等宽 */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 12rpx 0;
+  border-radius: 16rpx;
+}
+
+.label {
+  font-size: 24rpx;
+  color: $uni-text-color-grey;
+}
+.date {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #555;
+}
+
+.date-item.active {
+  background-color: #0ccd58;
+}
+.date-item.active .label,
+.date-item.active .date {
+  color: #fff;
+}
+
+/* 日历按钮 */
+.calendar-btn {
+  background: #fff;
+  border-radius: 0 16rpx 16rpx 0;
+  margin: -8rpx 0;
+}
+.calendar-img {
+  width: 16px;
+  height: 16px;
+}
+.calendar-text {
+  font-size: 22rpx;
+  color: #666;
+  margin-top: 4rpx;
+}