fix: fixed bug #70, XunFei 1.5 url version map error

web/src/views/mobile/ChatList.vue

@@ -1,9 +1,12 @@
 <template>
+<div class="app-background">
   <div v-if="isLogin" class="container mobile-chat-list">
     <van-nav-bar
         :title="title"
         left-text="新建会话"
-        @click-left="showPicker = true">
+        @click-left="showPicker = true"
+        custom-class="navbar"
+        >
       <template #right>
         <van-icon name="delete-o" @click="clearAllChatHistory"/>
       </template>
@@ -14,6 +17,7 @@
           v-model="chatName"
           input-align="center"
           placeholder="请输入会话标题"
+          custom-class="van-search"
           @input="search"
       />
 
@@ -42,8 +46,9 @@
         </van-swipe-cell>
       </van-list>
     </div>
+  </div>
 
-    <van-popup v-model:show="showPicker" position="bottom">
+    <van-popup v-model:show="showPicker" position="bottom" class="popup">
       <van-picker
           :columns="columns"
           title="选择模型和角色"
@@ -64,13 +69,13 @@
       </van-picker>
     </van-popup>
 
-    <van-dialog v-model:show="showEditChat" title="修改对话标题" show-cancel-button @confirm="saveTitle">
-      <van-field v-model="tmpChatTitle" label="" placeholder="请输入对话标题"/>
+    <van-dialog v-model:show="showEditChat" title="修改对话标题" show-cancel-button class="dialog" @confirm="saveTitle">
+      <van-field v-model="tmpChatTitle" label="" placeholder="请输入对话标题" class="field"/>
     </van-dialog>
 
     <bind-mobile v-if="isLogin" :show="showBindMobileDialog" :mobile="loginUser.mobile"
                  @hide="showBindMobileDialog = false"/>
-  </div>
+</div>
 </template>
 
 <script setup>
@@ -260,49 +265,5 @@ const removeChat = (item) => {
 </script>
 
 <style lang="stylus" scoped>
-$fontSize = 16px;
-.mobile-chat-list {
-
-  .content {
-    .van-cell__value {
-      .chat-list-item {
-        display flex
-        font-size $fontSize
-
-        .van-image {
-          min-width 32px
-          width 32px
-          height 32px
-        }
-
-        .van-ellipsis {
-          margin-top 5px;
-          margin-left 10px;
-        }
-      }
-    }
-  }
-
-  .van-picker-column {
-    .picker-option {
-      display flex
-      width 100%
-      padding 0 10px
-
-      .van-image {
-        width 20px;
-        height 20px;
-        margin-right 5px
-      }
-    }
-  }
-
-  .van-nav-bar {
-    .van-nav-bar__right {
-      .van-icon {
-        font-size 20px;
-      }
-    }
-  }
-}
+@import "@/assets/css/mobile-chat-list.styl"
 </style>