xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:新增用户悬浮卡片

Browse Source
This commit is contained in:
Xwen
2024-01-07 20:51:20 +08:00
parent dba380ff24
commit 5bf95f8e75
6 changed files with 216 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="point-box">
<div class="left">
<div class="icon"><img :src="userImageSrc" alt="" /></div>
<UserInfoCard :userInfo="pointsData" :iconUrl="userImageSrc" />
</div>
<div class="center">
<div class="top">
@@ -36,6 +36,7 @@
<script setup name="PointsRanking">
import { defineProps, computed } from "vue";
import UserInfoCard from "@/components/UserInfoCard/index.vue";
const props = defineProps({
pointsData: {
@@ -44,6 +45,8 @@ const props = defineProps({
},
});
const pointsData = computed(() => props.pointsData);
const statusTypeList = [
{
label: "正常",
@@ -66,10 +69,10 @@ const getStatusInfo = (type) => {
return statusTypeList.filter((item) => item.value === type)[0];
};
const userLimit = computed(() => getStatusInfo(props.pointsData.userLimit));
const userLimit = computed(() => getStatusInfo(pointsData.value.userLimit));
const userImageSrc = computed(() => {
if (props.pointsData.icon) {
return import.meta.env.VITE_APP_BASEAPI + "/file/" + props.pointsData.icon;
if (pointsData.value.icon) {
return import.meta.env.VITE_APP_BASEAPI + "/file/" + pointsData.value.icon;
} else {
return "acquiesce.png";
}