ui-3

src/views/Apply.vue

@@ -117,7 +117,11 @@ export default {
   background-size: 100% 100%;
   padding: 0px 16px 32px 16px;
   box-sizing: border-box;
-  position:relative;
+  position: relative;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  padding-bottom: 55px;
 }
  .headers {
     position: relative;
@@ -145,7 +149,7 @@ export default {
   }
 
 .apply-card {
-  width: 80%;
+  width: 90%;
   max-width: 420px;
   background: #fff;
   border-radius: 6px;
@@ -154,9 +158,7 @@ export default {
   display: flex;
   flex-direction: column;
   align-items: center;
-  position:absolute;
-  bottom:55px;
-  left:5%;
+  margin: 0 auto;
 }
 
 .apply-title {
@@ -332,4 +334,30 @@ export default {
     transform: scale(1);
   }
 }
+
+@media screen and (max-width: 375px) {
+  .invite-page {
+    padding: 0 12px 45px 12px;
+  }
+  
+  .apply-card {
+    width: 92%;
+    padding: 20px 15px 18px 15px;
+  }
+  
+  .apply-title {
+    font-size: 20px;
+  }
+  
+  .apply-desc {
+    font-size: 14px;
+    margin-bottom: 24px;
+  }
+  
+  .apply-btn {
+    width: 60%;
+    height: 34px;
+    font-size: 15px;
+  }
+}
 </style>

src/views/Mention.vue

@@ -12,7 +12,7 @@
     <div class="warning-section">
       <div class="warning-title">温馨提示！</div>
       <div class="warning-content">
-        提现资金是国务院国资委批准由国家四大基金打款到账您的银行卡，所有提现的资金均财政部门，银监会监管，零费用，不冻结，不风控，最快速到账您的银行卡
+        提现资金是国务院国资委批准由国家四大基金打款到账您的银行卡，所有提现的资金均由财政部门，银监会监管，零费用，不冻结，不风控，最快速到账您的银行卡
       </div>
     </div>
 
@@ -393,6 +393,7 @@ export default {
 .withdraw-all {
   color: #FF6B6B;
   text-decoration: underline;
+  font-weight: bold;
 }
 
 .bank-detail {

src/views/Profile.vue

@@ -7,22 +7,24 @@
       
       <div class="info-row">
         <div class="avatar-section">
-        <img src="@/assets/avart.png" class="avatar" alt="用户头像" />
-      
-        <div style="display: flex; flex-direction: column; align-items: flex-start;margin-left: 10px;color: #fff;">
-          <span class="name">{{ userInfo.nickname }}</span>
-          <span class="value">{{ userInfo.mobile }}</span>
+          <div class="avatar">
+            <img src="@/assets/hongqi.png" alt="红旗">
+          </div>
+        
+          <div style="display: flex; flex-direction: column; align-items: flex-start;margin-left: 10px;color: #fff;">
+            <span class="name">{{ userInfo.nickname }}</span>
+            <span class="value">{{ userInfo.mobile }}</span>
+          </div>
         </div>
+        <div class="sign-btn" @click="goToSignin">
+          <img src="@/assets/sign.png" style="width: 60px;height: 50px;" alt="签到" />
+        </div>
+        </div>
+        <!-- <div class="info-row">
+          <span class="label">邀请码</span>
+          <span class="value">{{ userInfo.salt }}</span>
+        </div> -->
       </div>
-      <div class="sign-btn" @click="goToSignin">
-        <img src="@/assets/sign.png" style="width: 60px;height: 50px;" alt="签到" />
-      </div>
-      </div>
-      <!-- <div class="info-row">
-        <span class="label">邀请码</span>
-        <span class="value">{{ userInfo.salt }}</span>
-      </div> -->
-    </div>
 
     <!-- 第二个银行卡板块 -->
     <!-- <div class="bank-card">
@@ -286,28 +288,39 @@ export default {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  margin-top: -20px;
   /* position: absolute;
   top: -40px;
   left: 20px;  */
 }
 
 .avatar {
-  width: 50px;
-  height: 50px;
-  object-fit: cover;
+  width: 80px;
+  height: 80px;
+  background: #fff;
   border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 15px;
+}
+
+.avatar img {
+  width: 40px;
+  height: 40px;
+  object-fit: contain;
 }
 
 .info-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 15px;
+  margin-bottom: 5px;
   font-size: 16px;
 }
 
 .name {
-  font-size: 18px;
+  font-size: 20px;
   font-weight: bold;
 }
 
@@ -323,6 +336,7 @@ export default {
 .value {
   color: #fff;
   margin-top: 5px;
+  font-size: 20px;
 }
 
 .bank-card {

src/views/RetirementSubsidy.vue

@@ -163,6 +163,7 @@ export default {
 
 .content {
   padding: 20px;
+  margin-top: -20px;
 }
 
 .header {
@@ -176,12 +177,19 @@ export default {
 
 .header-left {
   margin-right: 15px;
-}
-
-.logo-img {
   width: 60px;
   height: 60px;
+  background: #fff;
   border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.logo-img {
+  width: 40px;
+  height: 40px;
+  object-fit: contain;
 }
 
 .header-right {

src/views/Share.vue

@@ -286,7 +286,7 @@ export default {
 }
 
 .pt30 {
-  padding-top: 30px;
+  padding-top: 10px;
 }
 
 .tc {
@@ -295,10 +295,19 @@ export default {
 
 .tc_100 {
   margin-bottom: 30px;
+  width: 60px;
+  height: 60px;
+  background: #fff;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 30px;
 }
 
 .logo-image {
-  height: 80px;
+  width: 40px;
+  height: 40px;
   object-fit: contain;
 }
 

src/views/TeamDetail.vue

@@ -15,17 +15,17 @@
           class="tab-item" 
           :class="{ active: currentType === 1 }"
           @click="switchType(1)"
-        >一代</div>
+        >一级</div>
         <div 
           class="tab-item" 
           :class="{ active: currentType === 2 }"
           @click="switchType(2)"
-        >二代</div>
+        >二级</div>
         <div 
           class="tab-item" 
           :class="{ active: currentType === 3 }"
           @click="switchType(3)"
-        >三代</div>
+        >三级</div>
       </div>
 
       <!-- 统计信息 -->

src/views/home/index.vue

@@ -310,6 +310,7 @@ export default {
 }
 
 .reward-section {
+  box-sizing: border-box;
   width: 100%;
   background: #fff;
   border-radius: 8px;

src/views/login.vue

@@ -35,6 +35,27 @@
         <router-link to="register">注册账号</router-link>
       </div>
     </div>
+
+    <!-- 网站底部信息 -->
+    <div class="site-footer">
+      <div class="footer-links">
+        <a href="#" class="footer-link">网站声明</a>
+        <span class="divider">|</span>
+        <a href="#" class="footer-link">隐私政策</a>
+        <span class="divider">|</span>
+        <a href="#" class="footer-link">中国一汽</a>
+      </div>
+      <div class="copyright">© 2020中国第一汽车集团有限公司版权所有</div>
+      <div class="beian">
+        <a href="https://beian.miit.gov.cn/" target="_blank" class="beian-link">吉ICP备17008829号-1</a>
+      </div>
+      <div class="police-beian">
+        <!-- <img src="@/assets/beian.png" alt="备案图标" class="beian-icon" /> -->
+        <a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" class="beian-link">
+          吉公网安备 22017102000237 号
+        </a>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -106,6 +127,7 @@ export default {
   flex-direction: column;
   align-items: center;
   height: 100%;
+  padding-bottom: 180px;
 }
 
 .header {
@@ -170,6 +192,86 @@ export default {
     opacity: 0.5;
   }
 }
+
+/* 网站底部样式 */
+.site-footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  padding: 15px 0;
+  background: rgba(0, 0, 0, 0.5);
+  text-align: center;
+}
+
+.footer-links {
+  margin-bottom: 10px;
+  
+  .footer-link {
+    color: #fff;
+    text-decoration: none;
+    font-size: 12px;
+    opacity: 0.8;
+    transition: opacity 0.3s;
+    
+    &:hover {
+      opacity: 1;
+    }
+  }
+  
+  .divider {
+    color: #fff;
+    opacity: 0.5;
+    margin: 0 8px;
+  }
+}
+
+.copyright {
+  color: #fff;
+  font-size: 12px;
+  opacity: 0.8;
+  margin-bottom: 8px;
+}
+
+.beian {
+  margin-bottom: 8px;
+  
+  .beian-link {
+    color: #fff;
+    text-decoration: none;
+    font-size: 12px;
+    opacity: 0.8;
+    transition: opacity 0.3s;
+    
+    &:hover {
+      opacity: 1;
+    }
+  }
+}
+
+.police-beian {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  
+  .beian-icon {
+    width: 14px;
+    height: 14px;
+  }
+  
+  .beian-link {
+    color: #fff;
+    text-decoration: none;
+    font-size: 12px;
+    opacity: 0.8;
+    transition: opacity 0.3s;
+    
+    &:hover {
+      opacity: 1;
+    }
+  }
+}
 </style>
 
 <style>