chore: update img style (#8223)

This commit is contained in:
0song
2022-06-12 00:09:01 +08:00
committed by GitHub
parent a920e1577c
commit 2faac935ae
2 changed files with 23 additions and 9 deletions

View File

@@ -9,23 +9,37 @@ const onItemClick = (item: any) => {
<template>
<div class="m-t-16px flex flex-wrap justify-between">
<a
<template
v-for="item in rightLogoSmallSponsors.concat([{} as any])"
:key="item.name"
:href="item.url"
:title="`${item.name_cn || item.name} - ${item.slogan_cn || item.slogan}`"
target="_blank"
@click="onItemClick(item)"
>
<div
v-if="!item.url"
:class="[
isDark && '!bg-#262729',
isDark && '!bg-#262729 color-$text-color-placeholder',
'flex bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center',
]"
>
<div v-if="!item.url" class="color-#ddd text-13px">Your logo</div>
<img v-else class="w-65px h-15px" :src="item.imgL" :alt="item.name" />
<div class="color-#ddd text-13px cursor-default">Your logo</div>
</div>
</a>
<a
v-else
:href="item.url"
:title="`${item.name_cn || item.name} - ${
item.slogan_cn || item.slogan
}`"
target="_blank"
@click="onItemClick(item)"
>
<div
:class="[
isDark && '!bg-#262729',
'flex bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center',
]"
>
<img :src="item.imgL" :alt="item.name" />
</div>
</a>
</template>
</div>
</template>

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB