flat:4.7暂存

pages/chat/chat.vue

@@ -37,9 +37,14 @@
                     </view>
                 </scroll-view>
                 <view class="drawer-user">
-                    <image class="drawer-user-img" src="/static/icon/boy.png"></image>
-                    <text>用户123</text>
-                    <image class="drawer-user-setting" src="/static/icon/setting.png" mode=""></image>
+                    <image class="drawer-user-img" v-if="userInfo.age === '0'" src="/static/icon/boy.png"></image>
+                    <image class="drawer-user-img" v-else src="/static/icon/girl.png"></image>
+                    <text>{{ userInfo.name || '暂无用户名' }}</text>
+                    <image
+                        class="drawer-user-setting button-click"
+                        src="/static/icon/setting.png"
+                        @click="updateSetting"
+                    ></image>
                 </view>
             </view>
         </view>
@@ -64,11 +69,13 @@
 <script setup>
 import { ref, inject, nextTick, computed } from 'vue';
 const { $api, navTo, insertSortData } = inject('globalFunction');
-import { onLoad, onShow } from '@dcloudio/uni-app';
+import { onLoad, onShow, onHide } from '@dcloudio/uni-app';
 import useChatGroupDBStore from '@/stores/userChatGroupStore';
+import useUserStore from '@/stores/useUserStore';
 import aiPaging from './components/ai-paging.vue';
 import { storeToRefs } from 'pinia';
 const { isTyping, tabeList, chatSessionID } = storeToRefs(useChatGroupDBStore());
+const { userInfo } = storeToRefs(useUserStore());
 const isDrawerOpen = ref(false);
 const scrollIntoView = ref(false);
 import config from '@/config';
@@ -94,12 +101,17 @@ onShow(() => {
     });
 });
 
+onHide(() => {
+    paging.value?.handleTouchCancel();
+});
+
 const toggleDrawer = () => {
     isDrawerOpen.value = !isDrawerOpen.value;
 };
 
 const addNewDialogue = () => {
     $api.msg('新对话');
+    paging.value?.changeQueries();
     useChatGroupDBStore().addNewDialogue();
 };
 
@@ -113,6 +125,9 @@ const changeDialogue = (item) => {
         });
     }
 };
+function updateSetting() {
+    $api.msg('该功能正在开发中，敬请期待后续更新！');
+}
 </script>
 
 <style lang="stylus" scoped>
@@ -190,13 +205,14 @@ const changeDialogue = (item) => {
         position: relative
         margin-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
         margin-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
+        color: #000000
         .drawer-user-img
             width: 57.2rpx;
             height: 57.2rpx
             margin-right: 20rpx
         .drawer-user-setting
-            width: 57.2rpx;
-            height: 57.2rpx
+            width: 48rpx
+            height: 48rpx
             position: absolute
             top: 50%
             right: 28rpx
@@ -267,7 +283,7 @@ const changeDialogue = (item) => {
         display: flex;
         align-items: center;
         justify-content: space-between
-        font-size: 28rpx
+        font-size: 32rpx
         color: #000000
         padding: 0 30rpx;
         font-weight: bold