|
|
@ -27,10 +27,10 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="user-card second-card">
|
|
|
|
<div class="user-card second-card">
|
|
|
|
<img class="avatar" src="@/assets/pictures/touxiang.png" alt="用户头像">
|
|
|
|
<img class="avatar" src="@/assets/pictures/touxiang1.png" alt="用户头像">
|
|
|
|
<div class="user-info">
|
|
|
|
<div class="user-info">
|
|
|
|
<div class="name-gender">
|
|
|
|
<div class="name-gender">
|
|
|
|
<span class="name">Alan</span>
|
|
|
|
<span class="name">Jay</span>
|
|
|
|
<span class="gender">男</span>
|
|
|
|
<span class="gender">男</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="job-location">
|
|
|
|
<div class="job-location">
|
|
|
@ -47,39 +47,39 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="user-card right-card">
|
|
|
|
<div class="user-card right-card">
|
|
|
|
<img class="avatar" src="@/assets/pictures/touxiang.png" alt="用户头像">
|
|
|
|
<img class="avatar" src="@/assets/pictures/touxiang2.png" alt="用户头像">
|
|
|
|
<div class="user-info">
|
|
|
|
<div class="user-info">
|
|
|
|
<div class="name-gender">
|
|
|
|
<div class="name-gender">
|
|
|
|
<span class="name">Alan</span>
|
|
|
|
<span class="name">Amber</span>
|
|
|
|
<span class="gender">男</span>
|
|
|
|
<span class="gender">女</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="job-location">
|
|
|
|
<div class="job-location">
|
|
|
|
<span class="job">软件开发工程师</span>
|
|
|
|
<span class="job">前端开发工程师</span>
|
|
|
|
<span class="location">福州</span>
|
|
|
|
<span class="location">福州</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="details">
|
|
|
|
<div class="details">
|
|
|
|
<span>月薪10K-15K</span>
|
|
|
|
<span>月薪10K-15K</span>
|
|
|
|
<span>188cm</span>
|
|
|
|
<span>168cm</span>
|
|
|
|
<span>健身</span>
|
|
|
|
<span>健身</span>
|
|
|
|
<span>幽默</span>
|
|
|
|
<span>外向</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="user-card right-card second-card">
|
|
|
|
<div class="user-card right-card second-card">
|
|
|
|
<img class="avatar" src="@/assets/pictures/touxiang.png" alt="用户头像">
|
|
|
|
<img class="avatar" src="@/assets/pictures/touxiang3.png" alt="用户头像">
|
|
|
|
<div class="user-info">
|
|
|
|
<div class="user-info">
|
|
|
|
<div class="name-gender">
|
|
|
|
<div class="name-gender">
|
|
|
|
<span class="name">Alan</span>
|
|
|
|
<span class="name">John</span>
|
|
|
|
<span class="gender">男</span>
|
|
|
|
<span class="gender">男</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="job-location">
|
|
|
|
<div class="job-location">
|
|
|
|
<span class="job">软件开发工程师</span>
|
|
|
|
<span class="job">数据库管理员</span>
|
|
|
|
<span class="location">福州</span>
|
|
|
|
<span class="location">福州</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="details">
|
|
|
|
<div class="details">
|
|
|
|
<span>月薪10K-15K</span>
|
|
|
|
<span>月薪10K-15K</span>
|
|
|
|
<span>188cm</span>
|
|
|
|
<span>178cm</span>
|
|
|
|
<span>健身</span>
|
|
|
|
<span>健身</span>
|
|
|
|
<span>幽默</span>
|
|
|
|
<span>幽默</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -87,39 +87,39 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="user-card right-card-2">
|
|
|
|
<div class="user-card right-card-2">
|
|
|
|
<img class="avatar" src="@/assets/pictures/touxiang.png" alt="用户头像">
|
|
|
|
<img class="avatar" src="@/assets/pictures/touxiang4.png" alt="用户头像">
|
|
|
|
<div class="user-info">
|
|
|
|
<div class="user-info">
|
|
|
|
<div class="name-gender">
|
|
|
|
<div class="name-gender">
|
|
|
|
<span class="name">Alan</span>
|
|
|
|
<span class="name">Rain</span>
|
|
|
|
<span class="gender">男</span>
|
|
|
|
<span class="gender">男</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="job-location">
|
|
|
|
<div class="job-location">
|
|
|
|
<span class="job">软件开发工程师</span>
|
|
|
|
<span class="job">全栈开发工程师</span>
|
|
|
|
<span class="location">福州</span>
|
|
|
|
<span class="location">福州</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="details">
|
|
|
|
<div class="details">
|
|
|
|
<span>月薪10K-15K</span>
|
|
|
|
<span>月薪10K-15K</span>
|
|
|
|
<span>188cm</span>
|
|
|
|
<span>172cm</span>
|
|
|
|
<span>健身</span>
|
|
|
|
<span>健身</span>
|
|
|
|
<span>幽默</span>
|
|
|
|
<span>可爱</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="user-card right-card-2 second-card">
|
|
|
|
<div class="user-card right-card-2 second-card">
|
|
|
|
<img class="avatar" src="@/assets/pictures/touxiang.png" alt="用户头像">
|
|
|
|
<img class="avatar" src="@/assets/pictures/touxiang5.png" alt="用户头像">
|
|
|
|
<div class="user-info">
|
|
|
|
<div class="user-info">
|
|
|
|
<div class="name-gender">
|
|
|
|
<div class="name-gender">
|
|
|
|
<span class="name">Alan</span>
|
|
|
|
<span class="name">Sivan</span>
|
|
|
|
<span class="gender">男</span>
|
|
|
|
<span class="gender">男</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="job-location">
|
|
|
|
<div class="job-location">
|
|
|
|
<span class="job">软件开发工程师</span>
|
|
|
|
<span class="job">移动应用开发工程师</span>
|
|
|
|
<span class="location">福州</span>
|
|
|
|
<span class="location">福州</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="details">
|
|
|
|
<div class="details">
|
|
|
|
<span>月薪10K-15K</span>
|
|
|
|
<span>月薪10K-15K</span>
|
|
|
|
<span>188cm</span>
|
|
|
|
<span>172cm</span>
|
|
|
|
<span>健身</span>
|
|
|
|
<span>健身</span>
|
|
|
|
<span>幽默</span>
|
|
|
|
<span>幽默</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -131,6 +131,7 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
import { ElMessage } from 'element-plus'
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
name: 'RecommendUserPage',
|
|
|
|
name: 'RecommendUserPage',
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
@ -140,7 +141,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
addBtn() {
|
|
|
|
addBtn() {
|
|
|
|
alert('该功能仅对VIP用户开放')
|
|
|
|
ElMessage.success('添加成功')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|