style: 文字及样式修改
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user