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/ChatTopNavBar/index.vue

@@ -0,0 +1,68 @@
+<template>
+  <div class="border-box h-44 flex flex-items-center pl-12 pr-12">
+    <div class="nav-icon-button" @tap.stop="showDrawer">
+      <uni-icons type="bars" size="24" color="#ffffff" />
+    </div>
+
+    <!-- 隐藏 -->
+    <div v-if="false" class="flex-full h-full flex flex-items-center flex-justify-center">
+      <!-- ChatTopWelcome不在可视区：显示并添加动画；在可视区：隐藏  -->
+      <SpriteAnimator v-show="show" class="image-animated" :src="spriteStyle.ipSmallImage"
+        :frameWidth="spriteStyle.frameWidth" :frameHeight="spriteStyle.frameHeight"
+        :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns" :displayWidth="spriteStyle.displayWidth"
+        :fps="16" />
+      <span v-show="show" :class="[
+        'font-size-14 font-500 color-171717 ml-10',
+        { 'text-animated': show },
+      ]">
+        {{ config.name }}
+      </span>
+    </div>
+
+    <div class="w-24 h-24"></div>
+  </div>
+</template>
+
+<script setup>
+import { ref, defineProps, computed, defineExpose } from "vue";
+import { getCurrentConfig } from "@/constant/base";
+import SpriteAnimator from "@/components/Sprite/SpriteAnimator.vue";
+
+const props = defineProps({
+  mainPageDataModel: {
+    type: Object,
+    default: () => ({
+      initPageImages: {},
+    }),
+  },
+});
+
+const initPageImages = computed(() => {
+  return props.mainPageDataModel?.initPageImages || {};
+});
+
+const show = ref(false);
+const config = getCurrentConfig();
+
+const spriteStyle = computed(() => {
+  const images = initPageImages.value;
+  return {
+    ipSmallImage: images.ipSmallImage ?? config.ipSmallImage,
+    frameWidth: images.ipSmallImageWidth ?? config.ipSmallImageWidth,
+    frameHeight: images.ipSmallImageHeight ?? config.ipSmallImageHeight,
+    totalFrames: images.ipSmallTotalFrames ?? config.ipSmallTotalFrames,
+    columns: images.ipSmallColumns ?? config.ipSmallColumns,
+    displayWidth: 32,
+  };
+});
+
+const emit = defineEmits(["showDrawer"]);
+
+const showDrawer = () => emit("showDrawer");
+
+defineExpose({ show });
+</script>
+
+<style lang="scss" scoped>
+@import "./styles/index.scss";
+</style>

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

@@ -0,0 +1,39 @@
+.nav-icon-button {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+// 图片从0%到100%动画
+.image-animated {
+  animation: logo-scale 0.3s ease-in-out;
+}
+
+@keyframes logo-scale {
+  0% {
+    transform: scale(0);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
+// 文字从0%到100%动画，从左到右
+.text-animated {
+  animation: text-fade-in 0.3s ease-in-out;
+}
+
+@keyframes text-fade-in {
+  0% {
+    opacity: 0;
+    transform: translateX(-20px);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}