chore: 充值企业版联系布局调整

src/views/equity/components/pay-sidebar.vue

 <script setup lang="ts">
 import { fetchCreateEquityOrder, fetchGetEquityPayQrCode, fetchGetPayStatus } from '@/apis/equity'
+import { useSystemLanguageStore } from '@/store/modules/system-language'
 import { useUserStore } from '@/store/modules/user'
 import { computed, onMounted, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
@@ -11,6 +12,7 @@ const currentSelectVersion = defineModel<VersionName>('currentSelectVersion', {
 const { t } = useI18n()
 
 const userStore = useUserStore()
+const systemLanguageStore = useSystemLanguageStore()
 
 const packageList = ref({
   ProfessionalVersion: {
@@ -54,6 +56,8 @@ const currentPackageInfo = computed(() => {
   return null
 })
 
+const isEnglishLanguage = computed(() => systemLanguageStore.currentLanguageInfo.key === 'en')
+
 watch(currentSelectVersion, (newVal) => {
   if ((!newVal && payStatusTimer !== null) || !isShowPayQrCode.value) {
     clearPayStatusTimer()
@@ -378,7 +382,7 @@ function handlePayQrCodeRefresh() {
         </div>
       </div>
 
-      <div class="mt-[24px] text-center text-[14px] text-[#999]">
+      <div class="mt-[24px] flex justify-center px-[16px] text-start text-[14px] text-[#999]">
         {{ t('equity_module.for_details_please_scan_code_to_add_enterprise_wechat') }}
       </div>
 
@@ -389,15 +393,21 @@ function handlePayQrCodeRefresh() {
       />
 
       <div class="flex-center mt-[30px] flex">
-        <span class="inline-block w-[60px] border-t-[2px] border-dashed border-[#F5F5F5]"></span>
+        <span
+          class="inline-block border-t-[2px] border-dashed border-[#F5F5F5]"
+          :class="isEnglishLanguage ? 'w-[30px]' : 'w-[60px]'"
+        ></span>
         <span class="mx-[16px] text-[12px] text-[#999]">
           {{ t('equity_module.add_me_to_receive_the_following_benefits') }}
         </span>
-        <span class="inline-block w-[60px] border-t-[2px] border-dashed border-[#F5F5F5]"></span>
+        <span
+          class="inline-block border-t-[2px] border-dashed border-[#F5F5F5]"
+          :class="isEnglishLanguage ? 'w-[30px]' : 'w-[60px]'"
+        ></span>
       </div>
 
-      <ul class="mt-[29px]">
-        <li class="flex items-center">
+      <ul class="mt-[29px] self-start px-[20px]">
+        <li :class="isEnglishLanguage ? '' : 'flex items-center'">
           <div class="flex items-center">
             <div class="flex-center flex h-[26px] w-[26px] rounded-full bg-[#F2F4F7]">
               <img class="h-[16px] w-[16px] object-cover" src="@/assets/images/equity/consult.png" alt="consult" />
@@ -405,7 +415,7 @@ function handlePayQrCodeRefresh() {
             <span class="ml-[15px] text-[14px]">{{ t('equity_module.business_online_consulting') }}</span>
           </div>
 
-          <div class="ml-[25px] flex items-center">
+          <div class="flex items-center" :class="isEnglishLanguage ? 'mt-[14px]' : 'ml-[25px]'">
             <div class="flex-center flex h-[26px] w-[26px] rounded-full bg-[#F2F4F7]">
               <img class="h-[16px] w-[16px] object-cover" src="@/assets/images/equity/programme.png" alt="programme" />
             </div>
@@ -413,7 +423,7 @@ function handlePayQrCodeRefresh() {
           </div>
         </li>
 
-        <li class="mt-[14px] flex items-center">
+        <li class="mt-[14px]" :class="isEnglishLanguage ? '' : 'flex items-center'">
           <div class="flex items-center">
             <div class="flex-center flex h-[26px] w-[26px] rounded-full bg-[#F2F4F7]">
               <img class="h-[16px] w-[16px] object-cover" src="@/assets/images/equity/equity.png" alt="equity" />
@@ -421,7 +431,7 @@ function handlePayQrCodeRefresh() {
             <span class="ml-[15px] text-[14px]">{{ t('equity_module.exclusive_preferential_interest') }}</span>
           </div>
 
-          <div class="ml-[25px] flex items-center">
+          <div class="flex items-center" :class="isEnglishLanguage ? 'mt-[14px]' : 'ml-[25px]'">
             <div class="flex-center flex h-[26px] w-[26px] rounded-full bg-[#F2F4F7]">
               <img class="h-[16px] w-[16px] object-cover" src="@/assets/images/equity/gift2.png" alt="gift" />
             </div>