style: 样式修复

src/views/AwardPage/container.vue

@@ -34,12 +34,12 @@
             <img src="@/assets/images/award/arrow.png" alt="" class="arrow" />
           </div>
         </div>
-        <div v-else class="header-right mobile">
+        <div v-else class="header-right mobile" @click="handleChangeDrawer">
           <img
+            style="width: 5rem; height: 5rem"
             v-show="!showDrawer"
             src="@/assets/images/award/menu.png"
             class="menu-icon"
-            @click="handleChangeDrawer"
           />
           <img
             v-show="showDrawer"
@@ -52,7 +52,11 @@
       <div class="header-placeholder"></div>
     </div>
     <router-view />
-    <div class="footer flex space-between align-center" :class="{ mobile: isMobile || isTablet }">
+    <div
+      class="footer flex space-between align-center"
+      :class="{ mobile: isMobile || isTablet }"
+      :style="mobileStyle"
+    >
       <div class="social-list flex">
         <a href="https://xhslink.com/m/5Ony2FapizV" target="_blank">
           <img src="@/assets/images/award/xiaohongshu.svg" alt="" />
@@ -145,7 +149,7 @@
   >
     <div class="drawer-wrapper" @animationend="handleDrawerAnimationEnd">
       <div class="drawer-item flex align-center space-between" @click="handleBtnClick">
-        <span class="text">{{ t('AwardsPage.submitApplication') }}</span>
+        <span class="text">{{ btnText }}</span>
         <img src="@/assets/images/award/drawer-arrow.png" class="drawer-icon arrow" />
       </div>
       <div class="gap" />
@@ -191,6 +195,16 @@ const route = useRoute()
 const router = useRouter()
 const { locale, t } = useI18n()
 
+const mobileStyle = computed(() => {
+  if (isMobile) {
+    return {
+      padding: '0 6.6rem'
+    }
+  } else {
+    return {}
+  }
+})
+
 onMounted(() => {
   // 初始化语言设置
   const loginLanguage = localStorage.getItem('loginLanguage')
@@ -361,6 +375,7 @@ const handleBtnClick = () => {
 <style lang="less" scoped>
 .award-container {
   height: 100%;
+  overflow-x: hidden;
 }
 .header-wrapper {
   .header-placeholder {
@@ -697,7 +712,7 @@ const handleBtnClick = () => {
         line-height: 8rem;
         font-size: 2.4rem;
         column-gap: 0.8rem;
-        .contact-icon{
+        .contact-icon {
           width: 2.4rem;
           // height: 1.8rem;
         }