shishengliang/log-lottery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 头像和名字不统一问题

Browse Source
This commit is contained in:
hujinbin
2024-11-26 15:39:58 +08:00
parent 7aa8fdf234
commit e2f024763a
4 changed files with 13 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/hooks/useElement.ts
View File

@@ -48,7 +48,7 @@ export const useElementStyle = (element: any, person: IPersonConfig, index: numb
if (person.department || person.identity) { if (person.department || person.identity) {
element.children[2].innerHTML = `${person.department ? person.department : ''}<br/>${person.identity ? person.identity : ''}` element.children[2].innerHTML = `${person.department ? person.department : ''}<br/>${person.identity ? person.identity : ''}`
} }
element.children[3].src = person.avatar
return element return element
} }

4
src/style/style.scss
View File

@@ -36,13 +36,11 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
z-index: 1; z-index: 1;
img {
width: 140px !important; width: 140px !important;
height: auto !important; height: auto !important;
object-fit: cover; object-fit: cover;
} }
} }
}
.lucky-element-card { .lucky-element-card {
cursor: default; cursor: default;
@@ -90,10 +88,8 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
z-index: 1; z-index: 1;
img {
width: 280px !important; width: 280px !important;
height: auto !important; height: auto !important;
object-fit: cover; object-fit: cover;
} }
} }
}

1
src/types/storeType.ts
View File

@@ -4,6 +4,7 @@ export interface IPersonConfig {
name: string; name: string;
department: string; department: string;
identity: string; identity: string;
avatar: string;
isWin: boolean; isWin: boolean;
x: number; x: number;
y: number y: number

12
src/views/Home/index.vue
View File

@@ -131,14 +131,12 @@ const init = () => {
detail.innerHTML = `${tableData.value[i].department}<br/>${tableData.value[i].identity}`; detail.innerHTML = `${tableData.value[i].department}<br/>${tableData.value[i].identity}`;
element.appendChild(detail); element.appendChild(detail);
const avatar = document.createElement('div'); const avatar = document.createElement('img');
avatar.className = 'card-avatar'; avatar.className = 'card-avatar';
const img = document.createElement('img'); avatar.src = tableData.value[i].avatar;
img.src = tableData.value[i].avatar; avatar.alt = 'avatar';
img.alt = 'avatar'; avatar.style.width = '140px';
img.style.width = '140px'; avatar.style.height = '140px';
img.style.height = '140px';
avatar.appendChild(img);
element.appendChild(avatar); element.appendChild(avatar);
element = useElementStyle(element, tableData.value[i], i, patternList.value, patternColor.value, cardColor.value, cardSize.value, textSize.value) element = useElementStyle(element, tableData.value[i], i, patternList.value, patternColor.value, cardColor.value, cardSize.value, textSize.value)