diff --git a/components/AddCarCrad/images/add_car_crad.png b/components/AddCarCrad/images/add_car_crad.png
deleted file mode 100644
index 0133227..0000000
Binary files a/components/AddCarCrad/images/add_car_crad.png and /dev/null differ
diff --git a/components/AddCarCrad/images/qrcode.png b/components/AddCarCrad/images/qrcode.png
new file mode 100644
index 0000000..17c2caa
Binary files /dev/null and b/components/AddCarCrad/images/qrcode.png differ
diff --git a/components/AddCarCrad/index.vue b/components/AddCarCrad/index.vue
index e61caee..b023ecf 100644
--- a/components/AddCarCrad/index.vue
+++ b/components/AddCarCrad/index.vue
@@ -1,29 +1,20 @@
 <template>
-  <view class="add-car-card" @click="handleConfirm">
-    <view class="header-image">
-      <image
-        class="header-img"
-        src="./images/add_car_crad.png"
-        mode="aspectFill"
-      />
-    </view>
-
-    <view class="content">
-      <view class="title">请输入车牌号</view>
-      <view class="description">
-        请绑定真实有效的车牌号，否则将无法正常使用车牌付费等功能
-      </view>
-    </view>
-
-    <view class="confirm-btn">
-      <text class="confirm-text">进入绑定</text>
+  <view class="add-car-card">
+    <view class="description">
+      请绑定真实有效的车牌号，否则将无法正常使用车牌付费等功能
     </view>
+    <image
+      class="code-img"
+      src="./images/qrcode.png"
+      mode="widthFix"
+      show-menu-by-longpress="true"
+    />
+    <view class="tips">长按二维码识别</view>
   </view>
 </template>
 
 <script setup>
 import { defineProps } from "vue";
-import { navigateTo } from "@/router/index";
 
 const props = defineProps({
   toolCall: {
@@ -31,11 +22,6 @@ const props = defineProps({
     default: {},
   },
 });
-
-// 确认绑定事件
-const handleConfirm = () => {
-  navigateTo(props.toolCall.url);
-};
 </script>
 
 <style lang="scss" scoped>
diff --git a/components/AddCarCrad/styles/index.scss b/components/AddCarCrad/styles/index.scss
index a79280f..7ed6b0c 100644
--- a/components/AddCarCrad/styles/index.scss
+++ b/components/AddCarCrad/styles/index.scss
@@ -1,31 +1,7 @@
 .add-car-card {
   display: flex;
   flex-direction: column;
-
-  .header-image {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: -24rpx -24rpx 0 -24rpx;
-
-    .header-img {
-      width: 100%;
-      height: 150px;
-    }
-  }
-
-  .content {
-    display: flex;
-    align-items: start;
-    flex-direction: column;
-    padding: 24rpx 0;
-  }
-
-  .title {
-    font-size: 36rpx;
-    font-weight: 600;
-    color: #333;
-  }
+  align-items: center;
 
   .description {
     font-size: 28rpx;
@@ -33,19 +9,17 @@
     line-height: 1.5;
   }
 
-  .confirm-btn {
-    height: 88rpx;
-    background: linear-gradient(135deg, #1898ff 0%, #77e5f9 100%);
-    border-radius: 44rpx;
-    margin-bottom: 24rpx;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .confirm-text {
-      font-size: 28rpx;
-      font-weight: 500;
-      color: #fff;
-    }
+  .code-img {
+    margin-top: 12px;
+    width: 250px;
+    height: 250px;
+    border-radius: 4px;
   }
-}
\ No newline at end of file
+
+  .tips {
+    padding: 12px;
+    font-size: 36rpx;
+    font-weight: 600;
+    color: #333;
+  }
+}
diff --git a/pages/chat/ChatCardAI.vue b/pages/chat/ChatCardAI.vue
index 9773f00..5753ee5 100644
--- a/pages/chat/ChatCardAI.vue
+++ b/pages/chat/ChatCardAI.vue
@@ -8,7 +8,6 @@
           src="/static/chat_msg_loading.gif"
           mode="aspectFit"
         />
-        <!-- <loading v-if="isLoading" /> -->
         <ChatMarkdown :key="textKey" :text="processedText" />
         <DotLoading v-if="isLoading" />
       </view>
@@ -21,7 +20,6 @@
 <script setup>
 import { defineProps, computed, ref, watch } from "vue";
 import ChatMarkdown from "./ChatMarkdown.vue";
-import loading from "@/pages/loading/loading.vue";
 import DotLoading from "@/pages/loading/DotLoading.vue";
 
 const props = defineProps({
diff --git a/pages/chat/ChatMainList.vue b/pages/chat/ChatMainList.vue
index 9697f88..ca49b0e 100644
--- a/pages/chat/ChatMainList.vue
+++ b/pages/chat/ChatMainList.vue
@@ -31,6 +31,17 @@
         >
         </ChatTopWelcome>
 
+        <ChatCardAI class="message-item-ai">
+          <template #content>
+            <!-- 车牌添加卡片 -->
+            <AddCarCrad
+              :toolCall="{
+                url: 'https://shop.gzcyb.vip/scanQrFixCode?fixCodeId=49892',
+              }"
+            />
+          </template>
+        </ChatCardAI>
+
         <view
           class="area-msg-list-content"
           v-for="item in chatMsgList"
diff --git a/pages/loading/loading.vue b/pages/loading/loading.vue
deleted file mode 100644
index ae42db5..0000000
--- a/pages/loading/loading.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <view class="ai">
-    <view class="container">
-      <view class="c c4"></view>
-      <view class="c c1"></view>
-      <view class="c c2"></view>
-      <view class="c c3"></view>
-
-      <view class="rings"></view>
-    </view>
-
-    <view class="glass"></view>
-  </view>
-
-</template>
-
-<script setup>
-
-</script>
-
-<style lang="scss" scoped>
-@import "styles/loading.scss";
-</style>
diff --git a/pages/loading/styles/loading.scss b/pages/loading/styles/loading.scss
deleted file mode 100644
index 115fe53..0000000
--- a/pages/loading/styles/loading.scss
+++ /dev/null
@@ -1,281 +0,0 @@
-@property --a {
-  syntax: "<angle>";
-  inherits: true;
-  initial-value: 0deg;
-}
-
-@property --l {
-  syntax: "<number>";
-  inherits: true;
-  initial-value: 0;
-}
-@property --x {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0;
-}
-@property --y {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0;
-}
-
-@property --o {
-  syntax: "<number>";
-  inherits: false;
-  initial-value: 0;
-}
-
-.ai {
-  --s: 32px;
-  // --p: calc(var(--s) / 4);
-  width: var(--s);
-  aspect-ratio: 1;
-  --bg-color: color-mix(in srgb, #7b7bf4, transparent 90%);
-  background: radial-gradient(
-      60% 75% at center,
-      var(--bg-color) 50%,
-      transparent 50%
-    ),
-    radial-gradient(75% 60% at center, var(--bg-color) 50%, transparent 50%);
-  padding: var(--p);
-  margin-right: 6px;
-  display: grid;
-  place-items: center;
-  position: relative;
-  border-radius: 50%;
-  transform: scale(1.0);
-}
-
-$count: 4;
-:root {
-  --count: #{$count};
-  --radius: 6vmin;
-}
-
-@keyframes ai {
-  from {
-    --a: 360deg;
-    --l: 0.35;
-    --o: 1;
-  }
-
-  30% {
-    --l: 1.5;
-  }
-
-  70% {
-    --o: 0.4;
-    --l: 0.05;
-  }
-
-  98% {
-    --o: 0.7;
-  }
-
-  to {
-    --a: 0deg;
-    --l: 0.35;
-    --o: 1;
-  }
-}
-
-.c {
-  opacity: 0.9;
-  position: absolute;
-  width: 10vmin;
-  aspect-ratio: 1;
-  border-radius: 50%;
-  --offset-per-item: calc(360deg / var(--count));
-  --current-angle-offset: calc(var(--offset-per-item) * var(--i) + var(--a));
-  translate: calc(
-      cos(var(--current-angle-offset)) * var(--radius) + var(--x, 0)
-    )
-    calc(sin(var(--current-angle-offset)) * var(--radius) * -1);
-  scale: calc(0.6 + var(--l));
-  animation: ai 5.5s cubic-bezier(0.45, -0.35, 0.16, 1.5) infinite;
-  transition: opacity 0.3s linear;
-  opacity: var(--o, 1);
-  @for $i from 0 through $count {
-    &:nth-child(#{$i + 1}) {
-      --i: #{$i};
-    }
-  }
-}
-
-.c1 {
-  background: #79e3ee;
-  background: radial-gradient(50% 50% at center, #79e3ee, #e7e7fb);
-  background: radial-gradient(50% 50% at center, #c979ee, #74bcd6);
-
-  --x: 1vmin;
-  width: 16vmin;
-  animation-timing-function: cubic-bezier(0.12, 0.32, 0.68, 0.24);
-}
-
-.c2 {
-  background: radial-gradient(50% 50% at center, #ef788c, #e7e7fb);
-  width: 15vmin;
-}
-
-.c3 {
-  background: radial-gradient(50% 50% at center, #eb7fc6, transparent);
-  width: 5vmin;
-  opacity: 0.6;
-  --x: -1vmin;
-}
-
-.c4 {
-  background: #6d67c8;
-  animation-timing-function: cubic-bezier(0.39, -0.03, 0.75, 0.47);
-}
-
-.container {
-  overflow: hidden;
-  background: #b6a9f8;
-  width: 100%;
-  border-radius: 50%;
-  aspect-ratio: 1;
-  position: relative;
-  display: grid;
-  place-items: center;
-}
-
-.glass {
-  overflow: hidden;
-  position: absolute;
-  --w: 0.5vmin;
-  inset: calc(var(--s) - var(--s));
-  border-radius: 50%;
-  backdrop-filter: blur(1.3vmin);
-  box-shadow: 0 0 8vmin color-mix(in srgb, black, transparent 70%);
-  background: radial-gradient(
-    10vmin at 70% 30%,
-    rgba(255, 255, 255, 0.2),
-    transparent
-  );
-
-  // // lines
-  // &:after {
-  //   content: "";
-  //   position: absolute;
-  //   inset: 0;
-  //   --c: rgba(255, 255, 255, 0.03);
-  //   --w: 0.0625rem;
-  //   --g: 0.1875rem;
-
-  //   background: repeating-linear-gradient(
-  //     var(--c),
-  //     var(--c),
-  //     var(--w),
-  //     transparent var(--w),
-  //     transparent calc(var(--w) + var(--g))
-  //   );
-  //   border-radius: inherit;
-  //   border: 1vmin rgba(255, 255, 255, 0.1) solid;
-  // }
-}
-
-@property --value {
-  syntax: "<angle>";
-  inherits: true;
-  initial-value: 0deg;
-}
-
-@property --width-ratio {
-  syntax: "<number>";
-  inherits: true;
-  initial-value: 0;
-}
-
-@property --scale {
-  syntax: "<number>";
-  inherits: true;
-  initial-value: 0;
-}
-
-:root {
-  --width: 1vmin;
-  --duration: 8s;
-}
-
-.rings {
-  aspect-ratio: 1;
-  border-radius: 50%;
-  position: absolute;
-  inset: 0;
-  perspective: 11rem;
-  opacity: .9;
-
-  &:before,
-  &:after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: rgba(255, 0, 0, 1);
-    border-radius: 50%;
-    --width-ratio: 1;
-    border: calc(var(--width) * var(--width-ratio)) solid transparent;
-    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-    background: linear-gradient(
-      white,
-      blue,
-      magenta,
-      violet,
-      lightyellow) border-box;
-    mask-composite: exclude;
-    animation: ring var(--duration) ease-in-out infinite;
-    --start: 180deg;
-    --value: var(--start);
-    --scale: 1;
-    transform: rotateY(var(--value)) rotateX(var(--value)) rotateZ(var(--value))
-      scale(var(--scale));
-  }
-
-  &:before {
-    --start: 180deg;
-  }
-
-  &:after {
-    --start: 90deg;
-  }
-
-  > .rings {
-    &:before {
-      --start: 360deg;
-    }
-
-    &:after {
-      --start: 270deg;
-    }
-  }
-}
-
-@keyframes ring {
-  from {
-    --value: var(--start);
-    --scale: 1;
-  }
-  50% {
-    --scale: 1.2;
-    --width-ratio: 1.5;
-  }
-  70% {
-    --scale: 1;
-    --value: calc(var(--start) + 180deg);
-    --width-ratio: 1;
-  }
-
-  80% {
-    --scale: 1.2;
-    --width-ratio: 1.5;
-  }
-
-  to {
-    --value: calc(var(--start) + 360deg);
-    --scale: 1;
-    --width-ratio: 1;
-  }
-}
-
-