xieyinlu/zhilu-admin
1
0
Fork 0
mirror of https://github.com/ccmjga/zhilu-admin synced 2026-04-11 00:27:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix img

Browse Source
This commit is contained in:
Chuck1sn
2025-06-15 21:35:29 +08:00
parent 1995985750
commit 567223eac3
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/Headbar.vue
View File

@@ -39,7 +39,10 @@
<button type="button" id="dropdown-button" class="flex text-sm bg-gray-800 rounded-full cursor-pointer" <button type="button" id="dropdown-button" class="flex text-sm bg-gray-800 rounded-full cursor-pointer"
aria-expanded="false" data-dropdown-toggle="dropdown-user"> aria-expanded="false" data-dropdown-toggle="dropdown-user">
<span class="sr-only">打开用户菜单</span> <span class="sr-only">打开用户菜单</span>
<img class="w-8 h-8 rounded-full" :src="getUserAvatarUrl(user.avatar)" alt="user photo"> <div
class="w-8 h-8 rounded-full border border-gray-200 flex items-center justify-center overflow-hidden">
<img v-if="user.avatar" :src="getUserAvatarUrl(user.avatar)" class="object-cover">
</div>
</button> </button>
</div> </div>
<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-sm shadow-sm " <div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-sm shadow-sm "

8
frontend/src/views/UserView.vue
View File

@@ -22,8 +22,8 @@
<div v-for="user in users" :key="user.id" class="p-4 bg-white rounded-lg shadow"> <div v-for="user in users" :key="user.id" class="p-4 bg-white rounded-lg shadow">
<div class="flex justify-between items-start mb-3"> <div class="flex justify-between items-start mb-3">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<div class="w-10 h-10 rounded-full border border-gray-200 flex items-center justify-center overflow-hidden"> <div class="w-8 h-8 rounded-full border border-gray-200 flex items-center justify-center overflow-hidden">
<img v-if="user.avatar" :src="getUserAvatarUrl(user.avatar)" class="w-full h-full object-cover"> <img v-if="user.avatar" :src="getUserAvatarUrl(user.avatar)" class="object-cover">
</div> </div>
<div class="font-medium text-gray-900">{{ user.username }}</div> <div class="font-medium text-gray-900">{{ user.username }}</div>
</div> </div>
@@ -90,7 +90,9 @@
<SortIcon :sortField="getSortField(field)" /> <SortIcon :sortField="getSortField(field)" />
</template> </template>
<template #avatar="{ item }"> <template #avatar="{ item }">
<img v-if="item.avatar" :src="getUserAvatarUrl(item.avatar)" class="w-10 h-10 object-cover rounded-full"> <div class="w-10 h-10 rounded-full border border-gray-200 flex items-center justify-center overflow-hidden">
<img v-if="item.avatar" :src="getUserAvatarUrl(item.avatar)" class="object-cover">
</div>
</template> </template>
<template #createTime="{ item }"> <template #createTime="{ item }">
{{ dayjs(item.createTime).format("llll") }} {{ dayjs(item.createTime).format("llll") }}