[update 首页] 友情链接图片调整
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user