QR/laws_chery_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[update 首页] 友情链接图片调整

Browse Source
This commit is contained in:
danshihao
2024-08-28 15:48:26 +08:00
parent 4a6a1367d5
commit 01035508de
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/dashboard/modules/FriendLinkCard.vue
+13 -3
View File
@@ -8,7 +8,7 @@
<div class="content-wrapper"> <div class="content-wrapper">
<div class="content-div" v-for="item in dataSource" :key="item.id" @click="clickLink(item)"> <div class="content-div" v-for="item in dataSource" :key="item.id" @click="clickLink(item)">
<a-tooltip placement="top"> <a-tooltip placement="top">
<img class="icon-img" :src="getImg(item.logoUrl)" :alt="item.name"> <div class="icon-img-box"><img class="icon-img" :src="getImg(item.logoUrl)" :alt="item.name"></div>
<template slot="title">{{ item.name }}</template> <template slot="title">{{ item.name }}</template>
<p>{{ item.name }}</p> <p>{{ item.name }}</p>
</a-tooltip> </a-tooltip>
@@ -90,11 +90,21 @@ export default {
align-items: center; align-items: center;
margin: auto; margin: auto;
.icon-img { .icon-img-box {
border-radius: 8px;
width: @itemSize; width: @itemSize;
height: @itemSize; height: @itemSize;
overflow: hidden;
border-radius: 8px;
margin-bottom: 2px; margin-bottom: 2px;
display: flex;
justify-content: center;
align-items: center;
.icon-img {
border-radius: 8px;
max-width: 100%;
max-height: 100%;
}
} }
p { p {
width: @itemSize; width: @itemSize;