From 37295049f74b90ffdc0791ff41c8a35909e518d2 Mon Sep 17 00:00:00 2001
From: Userhuangxinyi <14215543+userhuangxinyi@user.noreply.gitee.com>
Date: Mon, 8 Jul 2024 19:45:42 +0800
Subject: [PATCH] 123

---
 yunyou_pavilion/src/views/Mylist/List1.vue | 73 ++++++++++++++--------
 1 file changed, 47 insertions(+), 26 deletions(-)

diff --git a/yunyou_pavilion/src/views/Mylist/List1.vue b/yunyou_pavilion/src/views/Mylist/List1.vue
index 76d925b..ba8fac6 100644
--- a/yunyou_pavilion/src/views/Mylist/List1.vue
+++ b/yunyou_pavilion/src/views/Mylist/List1.vue
@@ -2,15 +2,15 @@
     <div class="Mylist_box">
         <div class="mylist_header" style="width: 100vw;overflow: hidden;">
             <div class="mylist_left">
-                <img src="/1.png" @click="$router.go(-1)"  alt="">
+                <img src="/1.png" @click="$router.go(-1)" alt="">
             </div>
             <div class="mylist_right">
                 <div class="mylist_bei">
 
-
                 </div>
                 <div class="mylist_fenxiang" style="display: flex; height: .55rem; width: 5rem; ">
-                    <div style="background: rgb(158, 158, 158,.6);color: aliceblue; border-radius: .5rem; width: 2rem; text-align: center">
+                    <div
+                        style="background: rgb(158, 158, 158,.6);color: aliceblue; border-radius: .5rem; width: 2rem; text-align: center">
                         <span style=" font-size: .4rem;">设置背景</span>
                     </div>
                     <img @click="$router.push('/mysou')" src="/fangdajing.png" alt="">
@@ -18,23 +18,29 @@
                 </div>
             </div>
 
-            <div class="mylist_user">
-                <img src="/2.png" alt="">
-                <span class="mylist_name"> {{ data.name }}</span>
+            <div class="mylist_user" style=" display: flex; width: 7rem; margin-left: .6rem; margin-top: 1rem;">
+                <div style="">
+                    <img style=" width: 2.5rem; border-radius: 2rem; height: 2.5rem;" :src="userInfo.avatar" alt="">
+                </div>
+                <div style="margin-top: .1rem; margin-left: .3rem;">
+                    <span class="mylist_name" style="font-size: .7rem;"> {{ userInfo.username }}</span>
+                    <br>
+                    <span class="mylist_id">UID:{{ userInfo._id }}</span>
+                    <br>
+                    <span class="mylist_ip">IP属地：{{ userInfo.ip }}</span>
+                </div>
 
-                <span class="mylist_id">UID:{{ data.id }}</span>
-                <span class="mylist_ip">IP属地：{{ data.ip }}</span>
             </div>
             <div>
                 <div class="mylist_sign" style=" width: 6rem;">
-                    <span @click="$router.push('/qian')">点击这里，编辑个人签名</span>
+                    <span style="font-size: .4rem;  margin-left: .5rem;" @click="$router.push('/qian')">{{ userInfo.personalizedLabel }}</span>
                 </div>
                 <div class="mylist_sex" style=" width: 6rem;">
                     <div class="my_deng">
                         <span style="font-size: .3rem;">Lv.1</span>
                     </div>
                     <div class="my_sex">
-                        <span style="font-size: .4rem;">{{ data.sex }}</span>
+                        <span style="font-size: .4rem; ">{{ userInfo.usersex }}</span>
                     </div>
                 </div>
 
@@ -56,12 +62,12 @@
                     </div>
 
 
-                    <div style=" width: 3.5rem; height: 1rem; float: right; display: flex;  margin-top: 3rem;">
+                    <div style=" width: 3.5rem; height: 1rem; float: right; display: flex;  margin-top: 1rem;">
                         <div
                             style=" width: 2rem; border: 1px solid ; height: .7rem; background:  rgb(222, 82, 35,0);border-radius: 3rem; line-height: .7rem; margin-left: 1rem; color: aliceblue;text-align: center">
                             <span style=" font-size: .3rem;">编写资料</span>
                         </div>
-    
+
                     </div>
                 </div>
 
@@ -79,7 +85,7 @@
                     <van-tab title="视频"></van-tab>
                 </van-tabs>
             </div>
-            
+
             <div>
                 <router-view></router-view>
             </div>
@@ -94,15 +100,30 @@
     </div>
 </template>
 <script setup>
-import { ref, createApp } from 'vue';
+import { ref, createApp, onMounted } from 'vue';
+import axios from 'axios';
+axios.defaults.baseURL = 'http://localhost:3000';
+import { useRouter } from 'vue-router';
+import { getUser_id } from "@/hooks/getLocation";
 import wenzhang from '../Mylist/wenzhang.vue';
+import { UserAPI } from "../myserver/user";
 import 'animate.css';
 
+const userInfo = ref({});
+const UserData = async () => {
+    let data = await UserAPI(getUser_id());
+    userInfo.value = data;
+};
+console.log(userInfo);
+onMounted(() => {
+    UserData();
+});
+
 
 
 const list = ref([{ name: '蕉太狼', id: '231010086', ip: '辽宁', sex: '男' }])
 const wen = ref([{ name: '北京大表姐', title: '别在瞎逛故宫了，在去100次的土著攻略', img: '/2.png', img1: '/5.png' },
-{ name: '北京大表姐1', title: '北京十大拍照卡地，土著带你游个遍', img: '/2.png', img1: '/6.png' },{ name: '北京大表姐1', title: '北京十大拍照打卡地，土著带你游个遍', img: '/2.png', img1: '/6.png' },{ name: '北京大表姐1', title: '北京十大拍照打卡地，土著带你游个遍', img: '/2.png', img1: '/6.png' }
+{ name: '北京大表姐1', title: '北京十大拍照卡地，土著带你游个遍', img: '/2.png', img1: '/6.png' }, { name: '北京大表姐1', title: '北京十大拍照打卡地，土著带你游个遍', img: '/2.png', img1: '/6.png' }, { name: '北京大表姐1', title: '北京十大拍照打卡地，土著带你游个遍', img: '/2.png', img1: '/6.png' }
 ])
 const data = list.value[0]
 
@@ -161,27 +182,27 @@ const data = list.value[0]
 
 .mylist_user {
 
- 
+
     color: aliceblue;
     font-size: .4rem;
 }
 
-.mylist_user img {
-    position: relative;
+/* .mylist_user img {
+   
     top: 1.3rem;
     left: .6rem;
     width: 1.8rem;
     border-radius: 50%;
-}
+} */
 
 .mylist_name {
 
-    position: relative;
+
     left: .9rem;
 }
 
 .mylist_id {
-    position: relative;
+
     top: .6rem;
     left: -0.3rem;
     font-size: .25rem;
@@ -189,7 +210,7 @@ const data = list.value[0]
 }
 
 .mylist_ip {
-    position: relative;
+
     top: .9rem;
     left: -2.1rem;
     font-size: .25rem;
@@ -197,7 +218,7 @@ const data = list.value[0]
 }
 
 .mylist_sign {
-    position: relative;
+
     left: .6rem;
     top: 2rem;
     color: rgb(255, 255, 255);
@@ -207,7 +228,7 @@ const data = list.value[0]
 .mylist_sex {
     position: relative;
     left: .6rem;
-    top: 2.5rem;
+    top:.5rem;
     font-size: .3rem;
     color: rgb(255, 255, 255);
     display: flex;
@@ -223,7 +244,7 @@ const data = list.value[0]
 }
 
 .my_sex {
-    width: .8rem;
+    width: 1rem;
     border-radius: 10.0012px;
     background: rgb(168, 168, 168);
     text-align: center;
@@ -233,7 +254,7 @@ const data = list.value[0]
 
 .fen_left {
     display: flex;
-    margin-top: 3rem;
+    margin-top: 1rem;
     font-size: .3rem;
     color: rgb(255, 255, 255);
 }
-- 
Gitee