diff --git a/src/views/AwardPage/container.vue b/src/views/AwardPage/container.vue index b6e6826..436a93d 100644 --- a/src/views/AwardPage/container.vue +++ b/src/views/AwardPage/container.vue @@ -61,10 +61,22 @@ -
+
- -
{{ $t('AwardsPage.wechatTitle') }}
+ +
+ {{ $t('AwardsPage.wechatTitle') }} + +
{{ $t('AwardsPage.wechatDesc') }}
@@ -180,7 +192,7 @@ watch( } ) -const showContactModal = ref(true) +const showContactModal = ref(false) const handleContactClick = () => { showContactModal.value = true } @@ -408,6 +420,28 @@ const handleBtnClick = () => { color: #585858; } } + &.mobile { + align-items: flex-end; + .code-wrapper { + width: 100%; + height: auto; + border-radius: 0; + border-top-left-radius: 2.4rem; + border-top-right-radius: 2.4rem; + padding: 4.8rem 3.2rem 10rem; + } + .code-title{ + width: 100%; + border-bottom: 1px solid #E0E0E0; + padding-bottom: 1.6rem; + } + .qrcode{ + margin: 7.4rem 0 2rem; + } + .tips{ + font-size: 2rem; + } + } } .contact-modal { position: fixed; diff --git a/src/views/AwardPage/contestants.vue b/src/views/AwardPage/contestants.vue index 3f8a257..544db89 100644 --- a/src/views/AwardPage/contestants.vue +++ b/src/views/AwardPage/contestants.vue @@ -1676,6 +1676,7 @@ onUnmounted(() => { } :deep(.ant-checkbox-wrapper) { + line-height:initial; .ant-checkbox-inner { width: 2rem; height: 2rem;