修改字体大小

3 months ago · 8a8d4caad3
3 changed files with 222 additions and 100 deletions
--- a/.env.development
+++ b/.env.development
@ -2,4 +2,4 @@
 VITE_APP_ENV=product

 # base api
-VITE_API_BASE_URL=https://your-production-domain.com
+VITE_API_BASE_URL=https://hwjb.homilychart.com/dbqbApi
--- a/index.html
+++ b/index.html
@ -8,20 +8,16 @@
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
-  <!-- 网站图标 -->
  <link rel="shortcut icon" href="dbqb_favicon.ico" />
  <link rel="bookmark" href="dbqb_favicon.ico" />
-  <!-- SEO优化 -->
  <meta http-equiv="keywords" content="夺宝奇兵,homilychart,homilylink">
  <meta http-equiv="description" content="HomilyLink">
  <title>夺宝奇兵 - AI炒股时代，机构界的黑科技！</title>

-  <!-- 引入第三方库 -->
  <script src="https://cdn.tailwindcss.com"></script>
  <script type="text/javascript" src="https://hc.homilychart.com/hc/210802/js/jquery-1.9.1.min.js"></script>
  <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">

-  <!-- Tailwind配置 -->
  <script>
    tailwind.config = {
      theme: {
@ -555,7 +551,6 @@
    </div>
  </div>

-  <!-- 整合后的脚本 -->
  <script type="module">
    // 导入API函数
    import { registerMemberApi } from './src/api/member.js';
@ -746,98 +741,225 @@
    window.addEventListener('scroll', animateOnScroll);
  </script>

-  <!-- 整合后的样式 -->
-  <style>
-    /* 全局动画定义 */
-    @keyframes fadeIn {
-      from {
-        opacity: 0;
-        transform: translateY(20px);
-      }
-
-      to {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    }
-
-    @keyframes spin {
-      0% {
-        transform: rotate(0deg);
-      }
-
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-
-    /* 自定义样式 */
-    .content-auto {
-      content-visibility: auto;
-    }
-
-    .text-shadow-custom {
-      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    }
-
-    .card-hover {
-      transition: all 0.3s ease;
-    }
-
-    .card-hover:hover {
-      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-      transform: translateY(-4px);
-    }
-
-    .gradient-bg {
-      background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
-    }
-
-    /* 动画类 */
-    .animate-fade-in {
-      animation: fadeIn 0.6s ease-out forwards;
-    }
-
-    .delay-100 {
-      animation-delay: 0.1s;
-    }
-
-    .delay-200 {
-      animation-delay: 0.2s;
-    }
-
-    .delay-300 {
-      animation-delay: 0.3s;
-    }
-
-    /* 平滑滚动 */
-    html {
-      scroll-behavior: smooth;
-    }
-
-    /* 加载状态样式 */
-    .loading-overlay {
-      display: none;
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: rgba(0, 0, 0, 0.5);
-      z-index: 9999;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .loading-spinner {
-      width: 50px;
-      height: 50px;
-      border: 5px solid #f3f3f3;
-      border-top: 5px solid #3B82F6;
-      border-radius: 50%;
-      animation: spin 1s linear infinite;
-    }
-  </style>
+<style>
+/* 全局字体大小调整 - 整体放大 */
+html {
+  font-size: 18px; /* 基础字体大小从16px增加到18px */
+  scroll-behavior: smooth;
+}
+
+body {
+  font-size: 1.1rem; /* 约19.8px */
+  line-height: 1.7;
+}
+
+/* 标题字体大小调整 */
+h1 {
+  font-size: clamp(2.8rem, 6vw, 4.5rem) !important; /* 增大标题 */
+  line-height: 1.2;
+}
+
+h2 {
+  font-size: clamp(1.6rem, 3vw, 2.5rem) !important;
+  line-height: 1.3;
+}
+
+h3 {
+  font-size: clamp(1.7rem, 3vw, 2.5rem) !important;
+  line-height: 1.4;
+}
+
+h4 {
+  font-size: 1.6rem !important;
+  line-height: 1.4;
+}
+
+/* 导航菜单字体调大 */
+nav a {
+  font-size: 1.2rem !important;
+}
+
+/* 英雄区域文字调整 */
+.hero-text p {
+  font-size: 1.3rem !important;
+  line-height: 1.6;
+}
+
+/* 段落文字整体调大 */
+p {
+  font-size: 1.1rem !important;
+  line-height: 1.7;
+}
+
+/* 按钮文字调大 */
+a[class*="px-8"],
+button[class*="px-8"] {
+  font-size: 1.2rem !important;
+  padding-top: 1rem !important;
+  padding-bottom: 1rem !important;
+}
+
+/* 特色功能卡片文字调大 */
+.feature-card h3 {
+  font-size: 1.6rem !important;
+  margin-bottom: 1rem !important;
+}
+
+.feature-card p {
+  font-size: 1.15rem !important;
+  line-height: 1.6;
+}
+
+/* 产品宣传区域文字调大 */
+.promo-section p {
+  font-size: 1.15rem !important;
+  line-height: 1.7;
+}
+
+.promo-section ul li {
+  font-size: 1.15rem !important;
+}
+
+.promo-section span[class*="px-4"] {
+  font-size: 1.1rem !important;
+}
+
+/* 修复注册区域标题行距 */
+#register h2 {
+  margin-bottom: 1.5rem !important;
+  line-height: 1.4 !important; /* 增加标题文字的行高 */
+}
+
+/* 表单区域文字调大 */
+form label {
+  font-size: 1.15rem !important;
+  margin-bottom: 0.75rem !important;
+}
+
+form input,
+form select {
+  font-size: 1.15rem !important;
+  padding-top: 1rem !important;
+  padding-bottom: 1rem !important;
+}
+
+form input::placeholder {
+  font-size: 1.1rem !important;
+}
+
+/* 页脚文字调大 */
+footer p,
+footer a {
+  font-size: 1.1rem !important;
+}
+
+footer h4 {
+  font-size: 1.5rem !important;
+}
+
+/* 成功模态框文字调大 */
+#successModal h3 {
+  font-size: 1.8rem !important;
+}
+
+#successModal p {
+  font-size: 1.15rem !important;
+}
+
+#successModal a {
+  font-size: 1.15rem !important;
+}
+
+/* 列表项文字调大 */
+li {
+  font-size: 1.1rem !important;
+}
+
+/* 小屏幕适配 */
+@media (max-width: 768px) {
+  html {
+    font-size: 16px;
+  }
+  
+  body {
+    font-size: 1.05rem;
+  }
+  
+  .mobile-menu a {
+    font-size: 1.1rem !important;
+    padding-top: 0.8rem !important;
+    padding-bottom: 0.8rem !important;
+  }
+}
+
+/* 原有动画样式保持不变 */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.content-auto {
+  content-visibility: auto;
+}
+
+.text-shadow-custom {
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.card-hover {
+  transition: all 0.3s ease;
+}
+
+.card-hover:hover {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  transform: translateY(-4px);
+}
+
+.gradient-bg {
+  background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
+}
+
+.animate-fade-in {
+  animation: fadeIn 0.6s ease-out forwards;
+}
+
+.delay-100 { animation-delay: 0.1s; }
+.delay-200 { animation-delay: 0.2s; }
+.delay-300 { animation-delay: 0.3s; }
+
+.loading-overlay {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  justify-content: center;
+  align-items: center;
+}
+
+.loading-spinner {
+  width: 50px;
+  height: 50px;
+  border: 5px solid #f3f3f3;
+  border-top: 5px solid #3B82F6;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+</style>
 </body>

 </html>
--- a/src/api/member.js
+++ b/src/api/member.js
@ -1,7 +1,7 @@
-// api/member.js
+// 用户内容相关接口配置文件
 import { request } from "/src/utils/request.js";

-// ✅ 正确的 Vite 环境变量用法
+// 正确的 Vite 环境变量用法
 const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;

 export function registerMemberApi(data) {