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

This commit is contained in:
danshihao
2024-08-28 15:48:26 +08:00
parent 4a6a1367d5
commit 01035508de
+13 -3
View File
@@ -8,7 +8,7 @@
<div class="content-wrapper">
<div class="content-div" v-for="item in dataSource" :key="item.id" @click="clickLink(item)">
<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>
<p>{{ item.name }}</p>
</a-tooltip>
@@ -90,11 +90,21 @@ export default {
align-items: center;
margin: auto;
.icon-img {
border-radius: 8px;
.icon-img-box {
width: @itemSize;
height: @itemSize;
overflow: hidden;
border-radius: 8px;
margin-bottom: 2px;
display: flex;
justify-content: center;
align-items: center;
.icon-img {
border-radius: 8px;
max-width: 100%;
max-height: 100%;
}
}
p {
width: @itemSize;