hookehuyr

✨ feat(我的关注模块): 头像可以进入关注人主页

1 <template> 1 <template>
2 <div class="follow-list-page"> 2 <div class="follow-list-page">
3 <template v-for="(item, key) in followList" :key="key"> 3 <template v-for="(item, key) in followList" :key="key">
4 - <div class="info van-hairline--bottom"> 4 + <div @click="getUserInfo(item)" class="info van-hairline--bottom">
5 <van-row> 5 <van-row>
6 <van-col> 6 <van-col>
7 <van-image round width="50" height="50" :src="item.avatar" style="padding-right: 1rem;" /> 7 <van-image round width="50" height="50" :src="item.avatar" style="padding-right: 1rem;" />
...@@ -26,6 +26,8 @@ import { useRoute, useRouter } from 'vue-router' ...@@ -26,6 +26,8 @@ import { useRoute, useRouter } from 'vue-router'
26 import axios from '@/utils/axios'; 26 import axios from '@/utils/axios';
27 import { Toast } from 'vant'; 27 import { Toast } from 'vant';
28 28
29 +const $router = useRouter();
30 +
29 // 关注列表联调 31 // 关注列表联调
30 const followList = ref([]) 32 const followList = ref([])
31 axios.get('/srv/?a=my_follow') 33 axios.get('/srv/?a=my_follow')
...@@ -42,7 +44,18 @@ axios.get('/srv/?a=my_follow') ...@@ -42,7 +44,18 @@ axios.get('/srv/?a=my_follow')
42 }) 44 })
43 .catch(err => { 45 .catch(err => {
44 console.error(err); 46 console.error(err);
45 -}) 47 +});
48 +
49 +const getUserInfo = (v) => {
50 + // 从个人头像进入的,不能再往下级进入
51 + $router.push({
52 + path: '/client/personIndex',
53 + query: {
54 + perf_id: v.id,
55 + type: 'read-only'
56 + }
57 + })
58 +}
46 </script> 59 </script>
47 60
48 <script> 61 <script>
...@@ -93,4 +106,4 @@ export default { ...@@ -93,4 +106,4 @@ export default {
93 } 106 }
94 } 107 }
95 } 108 }
96 -</style>
...\ No newline at end of file ...\ No newline at end of file
109 +</style>
......