style: 文字及样式修改

This commit is contained in:
2026-04-17 17:59:37 +08:00
parent 8233576c00
commit ea540f31c7
4 changed files with 34 additions and 20 deletions

View File

@@ -267,6 +267,8 @@ onBeforeUnmount(() => {
<style scoped lang="less">
.timeline-container {
height: auto;
min-height: 97rem;
background: url('@/assets/images/award/timeline_bg.png') no-repeat;
background-size: 100% 100%;
position: relative;
@@ -319,7 +321,7 @@ onBeforeUnmount(() => {
justify-content: center;
align-items: center;
text-align: center;
width: 22rem;
min-width: 22rem;
line-height: 3rem;
}

View File

@@ -77,7 +77,10 @@
<img src="@/assets/images/award/instagram.png" alt="" />
</a>
</div>
<div class="copyright">© Code-Create 2026</div>
<div class="copyright flex flex-col">
<p>{{ $t('AwardsPage.copyRight') }}</p>
<p class="tips">{{ $t('AwardsPage.copyRightTips') }}</p>
</div>
</div>
<div class="qrcode-mask flex flex-center" v-if="showQRcode" :class="{ mobile: isMobile }">
<div class="code-wrapper flex flex-col align-center">
@@ -198,7 +201,7 @@ const { locale, t } = useI18n()
const mobileStyle = computed(() => {
if (isMobile) {
return {
padding: '0 6.6rem'
padding: '0 2.6rem'
}
} else {
return {}
@@ -461,15 +464,19 @@ const handleBtnClick = () => {
font-family: 'Arial';
font-weight: 400;
font-size: 1.2rem;
text-align: right;
.tips {
color: #b0adad;
}
}
&.mobile {
padding: 0 6.6rem;
padding: 0 2.6rem;
img {
width: 4rem;
height: 4rem;
}
.copyright {
font-size: 2rem;
// font-size: 2rem;
}
}
}