feat: 登录修改

components/cwg-language.vue

@@ -73,6 +73,11 @@ function getFlagSrc(code: string) {
       right: px2rpx(-20) !important;
     }
   }
+  @media screen and (max-width: 768px) {
+    :deep(.cwg-dropdown-menu-container) {
+      right: px2rpx(0) !important;
+    }
+  }
 }
 
 

components/cwg-system.vue

@@ -234,8 +234,10 @@ onUnmounted(() => {
 .pc-header-btn {
   display: flex;
   align-items: center;
+  justify-content: flex-end;
+  padding: 0 px2rpx(5);
   cursor: pointer;
-  width: px2rpx(80);
+  width: auto;
   gap: px2rpx(4);
 }
 

pages/login/components/LoginHeaderGroup.vue

@@ -29,7 +29,7 @@ const props = defineProps({
 })
 
 const dividerColor = computed(() => {
-  return props.textColor === '#fff' ? 'rgba(255, 255, 255, 0.4)' : 'rgba(0, 0, 0, 0.2)'
+  return props.textColor === '#fff' ? 'rgba(0, 0, 0, 0.4)' : 'rgba(255, 255, 255, 0.4)'
 })
 </script>
 
@@ -50,7 +50,7 @@ const dividerColor = computed(() => {
   .divider {
     width: 1px;
     height: px2rpx(14);
-    margin: 0 px2rpx(16);
+    margin: 0 px2rpx(5);
   }
 }
 </style>

pages/login/index.vue

@@ -64,12 +64,12 @@
                 :class="isMobile ? 'company-icon-mini' : 'company-icon'" mode="widthFix"></image>
 
             </view>
-            <view class="tab-list">
-              <view v-for="tab in tabs" :key="tab.value" class="tab-item cursor-pointer" :class="{ active: activeTab === tab.value }"
-                @click="handleClick(tab.value)" :data-tooltip="tab.text" data-placement="top">
-                <text class="tab-label">{{ tab.text }}</text>
-              </view>
-            </view>
+<!--            <view class="tab-list">-->
+<!--              <view v-for="tab in tabs" :key="tab.value" class="tab-item cursor-pointer" :class="{ active: activeTab === tab.value }"-->
+<!--                @click="handleClick(tab.value)" :data-tooltip="tab.text" data-placement="top">-->
+<!--                <text class="tab-label">{{ tab.text }}</text>-->
+<!--              </view>-->
+<!--            </view>-->
 
             <view v-show="activeTab == 1" style="overflow-y: scroll;">
               <view class="title">
@@ -107,9 +107,9 @@
                   {{ t('signin.login') }}
                 </button>
               </view>
-              <view @click="activeTab = 2" class="account-tip cursor-pointer" :data-tooltip="t('signin.signup')" data-placement="top">
+              <view class="account-tip " >
                 {{ t('signin.words') }}
-                <text>{{ t('signin.signup') }}</text>
+                <text @click="activeTab = 2" class="cursor-pointer" :data-tooltip="t('signin.signup')" data-placement="top">{{ t('signin.signup') }}</text>
               </view>
               <view class="des-bottom">
                 <text v-t="'vu.login.agreemnet1'"></text>
@@ -146,11 +146,15 @@
                           :placeholder="t('newSignup.item6')"></uni-easyinput>
                       </uni-forms-item>
                     </uni-col>
-                    <uni-col :xs="24" :md="12">
-                      <uni-forms-item name="birthDate" :label="t('newSignup.item18')">
-                        <uni-datetime-picker type="date" v-model="formData.birthDate"
-                          :placeholder="t('newSignup.item19')" @change="checkAge" />
-                      </uni-forms-item>
+                    <uni-col :xs="24" :md="24">
+                      <uni-row >
+                        <uni-col :xs="24" :md="12">
+                          <uni-forms-item name="birthDate" :label="t('newSignup.item18')">
+                            <uni-datetime-picker type="date" v-model="formData.birthDate"
+                                                 :placeholder="t('newSignup.item19')" @change="checkAge" />
+                          </uni-forms-item>
+                        </uni-col>
+                      </uni-row>
                     </uni-col>
                     <uni-col :xs="24" :md="12">
                       <uni-forms-item name="email" :label="t('newSignup.item7')">
@@ -159,7 +163,7 @@
                           :disabled="!isAgeValid || !formData.birthDate"></uni-easyinput>
                       </uni-forms-item>
                     </uni-col>
-                    <uni-col :xs="24" :md="24">
+                    <uni-col :xs="24" :md="12">
                       <uni-forms-item name="emailCode" :label="t('newSignup.item9')">
                         <view style="display: flex;">
                           <view style="flex: 1;">
@@ -226,9 +230,9 @@
                   {{ t('signup.button') }}
                 </button>
               </view>
-              <view class="login-link cursor-pointer" :data-tooltip="t('newSignup.item17')" data-placement="top">
+              <view class="login-link " >
                 <text>{{ t('newSignup.item16') }}</text>
-                <view class="link" @click="activeTab = 1">{{ t('newSignup.item17') }}</view>
+                <view class="link cursor-pointer" :data-tooltip="t('newSignup.item17')" data-placement="top" @click="activeTab = 1">{{ t('newSignup.item17') }}</view>
               </view>
               <view class="des-bottom">
                 <text v-t="'signup.agreemnet1'"></text>
@@ -521,16 +525,16 @@ onLoad((options) => {
 const handleTokenLogin = async (token) => {
   try {
     console.log('自动登录，token:', token);
-    
+
     // 存储 token
     userToken.value = atob(token)
-    
+
     // 获取用户信息并跳转
     await getCustomLoginInfo()
-    
+
     // 获取拒绝原因列表
     reasonsRefusalList()
-    
+
     console.log('自动登录成功');
   } catch (error) {
     console.error('自动登录失败:', error);
@@ -538,8 +542,6 @@ const handleTokenLogin = async (token) => {
   }
 }
 
-const ho = ref('')
-
 // 国家列表
 async function getCountry() {
   try {
@@ -1095,7 +1097,7 @@ const handleChatIconClick = () => {
       }
 
       .company {
-        padding: px2rpx(10) 0 px2rpx(10) 0;
+        padding: px2rpx(10) 0;
         position: relative;
         align-items: flex-start !important;
         width: 100%;
@@ -1143,7 +1145,7 @@ const handleChatIconClick = () => {
       padding: 0 px2rpx(24);
 
       .company {
-        padding: px2rpx(20) 0 px2rpx(30) 0;
+        padding: px2rpx(10) 0 px2rpx(10) 0;
         position: relative;
         align-items: center !important;
       }
@@ -1220,7 +1222,7 @@ button {
 }
 
 .title {
-  margin: px2rpx(15) 0;
+  margin: px2rpx(10) 0;
   font-size: px2rpx(24);
   font-weight: bolder;
   color: var(--bs-emphasis-color);
@@ -1232,14 +1234,14 @@ button {
 
   .tit1 {
     font-size: px2rpx(34);
-    line-height: 1.5;
+    line-height: 1.2;
     font-weight: bold;
     color: var(--bs-emphasis-color);
   }
 
   .tit2 {
     font-size: px2rpx(16);
-    line-height: 1.5;
+    line-height: 1.2;
     color: #cecece;
     font-weight: 500;
   }
@@ -1296,7 +1298,6 @@ button {
   color: #666666;
   font-size: px2rpx(16);
   text-align: center;
-  cursor: pointer;
 
   text {
     color: #ea002a;