Browse Source

优化友情链接显示样式

master
gxwebsoft 1 year ago
parent
commit
aec40f7511
  1. 14
      src/views/index/index.vue

14
src/views/index/index.vue

@ -186,12 +186,13 @@
<template #title>
<div class="flex" style="display: flex">
<div class="title">-HOSTED BY-</div>
<div class="title" style="margin-left: 511px">-Technical Sponsor-</div>
<!-- <div class="title" style="margin-left: 511px">-Technical Sponsor-</div>-->
</div>
</template>
<div class="ele-cell" :class="screenWidth > 567 ? 'hidden-sm-and-down' : 'hidden-sm-and-up'" v-if="siteInfo">
<div class="ele-cell-content" v-for="(item,index) in siteInfo.links" :key="index">
<a-image :src="item.icon" :width="screenWidth > 567 ? 160 : 52" :preview="false"></a-image>
<div class="item-img" v-for="(item,index) in siteInfo.links" :key="index">
<a-image v-if="item.name == 'IEEE'" :src="item.icon" :preview="false" style="max-height: 60px;"></a-image>
<a-image v-else :src="item.icon" :preview="false" style="max-height: 90px; max-width: 180px;"></a-image>
</div>
</div>
<!-- <a-image src="https://oss.wsdns.cn/20240303/bfe52a6864d44535beb6bf9ca6dbb263.jpg" :preview="false" />-->
@ -244,9 +245,14 @@
line-height: .7;
}
}
.item-img{
margin-right: 100px;
}
.hidden-sm-and-up{
.ele-cell{
.item-img{
margin-right: 20px;
}
}
}
</style>

Loading…
Cancel
Save