diff --git a/COLOR_GUIDE.md b/COLOR_GUIDE.md new file mode 100644 index 0000000..2a983a5 --- /dev/null +++ b/COLOR_GUIDE.md @@ -0,0 +1,195 @@ +# 颜色使用指南 + +## 🎨 主题色系统 + +本项目采用统一的颜色管理系统,支持主题切换和颜色规范化管理。 + +### 主色调 +- **主色调**: `#5D7EEB` (蓝色) +- **CSS变量**: `var(--color-primary)` +- **Tailwind类名**: `bg-primary`, `text-primary`, `border-primary` + +## 📁 文件结构 + +``` +src/assets/ +├── colors.css # 统一颜色变量定义 +├── vant-theme.css # Vant组件主题配置 +├── main.css # 主样式文件(导入所有样式) +└── base.css # 基础样式 + +tailwind.config.js # Tailwind颜色配置 +``` + +## 🎯 使用方式 + +### 1. CSS变量方式(推荐) + +```css +/* 在CSS中使用 */ +.my-button { + background-color: var(--color-primary); + color: var(--color-text-white); + border-color: var(--color-border-primary); +} + +.my-text { + color: var(--color-text-secondary); +} +``` + +### 2. Tailwind类名方式 + +```html + + + +
+ 文本内容 +
+``` + +### 3. Vue组件中使用 + +```vue + + + +``` + +## 🌈 颜色分类 + +### 主题色系 +- `--color-primary`: 主色调 (#5D7EEB) +- `--color-primary-50` 到 `--color-primary-900`: 主色调渐变 +- `--color-primary-light`: 浅色变体 +- `--color-primary-dark`: 深色变体 + +### 语义化颜色 +- `--color-success`: 成功色 (#07c160) +- `--color-warning`: 警告色 (#ff976a) +- `--color-danger`: 危险色 (#ee0a24) +- `--color-info`: 信息色 (#1989fa) + +### 文本颜色 +- `--color-text-primary`: 主要文本 (#323233) +- `--color-text-secondary`: 次要文本 (#646566) +- `--color-text-tertiary`: 三级文本 (#969799) +- `--color-text-white`: 白色文本 (#ffffff) + +### 背景颜色 +- `--color-bg-primary`: 主要背景 (#ffffff) +- `--color-bg-secondary`: 次要背景 (#fafafa) +- `--color-bg-tertiary`: 三级背景 (#f8f8f8) + +### 业务特定颜色 +- `--color-service-personal`: 个人大数据服务色 +- `--color-service-company`: 小微企业服务色 +- `--color-service-loan`: 贷前背调服务色 + +## 🔧 自定义主题 + +### 修改主色调 + +1. **更新CSS变量** (`src/assets/colors.css`) +```css +:root { + --color-primary: #your-new-color; + --color-primary-light: rgba(your-rgb, 0.1); + --color-primary-dark: rgba(your-rgb, 0.8); +} +``` + +2. **更新Vant主题** (`src/assets/vant-theme.css`) +```css +:root { + --van-theme-primary: #your-new-color; +} +``` + +3. **更新Tailwind配置** (`tailwind.config.js`) +```js +colors: { + primary: { + DEFAULT: '#your-new-color', + // ... 其他变体 + } +} +``` + +### 添加新颜色 + +在 `src/assets/colors.css` 中添加: + +```css +:root { + --color-custom: #your-color; + --color-custom-light: rgba(your-rgb, 0.1); +} +``` + +## 📱 响应式颜色 + +```css +/* 移动端特定颜色 */ +@media (max-width: 768px) { + .text-primary-mobile { + color: var(--color-primary) !important; + } +} +``` + +## 🌙 暗色主题 + +项目支持暗色主题自动切换: + +```css +@media (prefers-color-scheme: dark) { + :root { + --color-text-primary: #ffffff; + --color-bg-primary: #1a1a1a; + /* ... 其他暗色变量 */ + } +} +``` + +## ✅ 最佳实践 + +### 推荐做法 +- ✅ 使用CSS变量而不是硬编码颜色 +- ✅ 使用语义化的颜色名称 +- ✅ 使用Tailwind类名进行快速开发 +- ✅ 保持颜色命名的一致性 + +### 避免做法 +- ❌ 硬编码颜色值 (`color: #5D7EEB`) +- ❌ 使用任意值 (`bg-[#5D7EEB]`) +- ❌ 混合使用不同的颜色管理方式 +- ❌ 忽略颜色对比度和可访问性 + +## 🔍 调试工具 + +### 浏览器开发者工具 +1. 打开开发者工具 +2. 在Elements面板中查看CSS变量 +3. 在Computed面板中查看最终计算值 + +### 颜色检查工具 +- [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/) +- [Coolors](https://coolors.co/) - 颜色搭配工具 + +## 📚 相关文档 + +- [VANT_THEME_CONFIG.md](./VANT_THEME_CONFIG.md) - Vant主题配置说明 +- [Tailwind CSS Colors](https://tailwindcss.com/docs/customizing-colors) +- [CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) diff --git a/VANT_THEME_CONFIG.md b/VANT_THEME_CONFIG.md index a7af97c..e65f777 100644 --- a/VANT_THEME_CONFIG.md +++ b/VANT_THEME_CONFIG.md @@ -1,32 +1,39 @@ # Vant 主题色配置说明 ## 概述 -本项目已配置 Vant UI 组件库的主题色为 `#a22525`,所有相关组件都会使用这个颜色作为主色调。 +本项目已配置 Vant UI 组件库的主题色为 `#5D7EEB`,所有相关组件都会使用这个颜色作为主色调。 ## 配置文件位置 - 主题配置文件:`src/assets/vant-theme.css` +- 统一颜色变量:`src/assets/colors.css` - 主样式文件:`src/assets/main.css`(已导入主题配置) +- Tailwind配置:`tailwind.config.js` ## 配置方法 ### 方法一:CSS 变量覆盖(推荐) ```css :root { - --van-primary-color: #a22525; + --van-primary-color: #5D7EEB; } ``` ### 方法二:直接覆盖组件样式 ```css .van-button--primary { - background-color: #a22525 !important; - border-color: #a22525 !important; + background-color: #5D7EEB !important; + border-color: #5D7EEB !important; } ``` +### 方法三:使用Tailwind类名 +```html + +``` + ## 已配置的组件 -以下组件已经配置为主题色 `#a22525`: +以下组件已经配置为主题色 `#5D7EEB`: ### 基础组件 - ✅ 按钮 (Button) - 主要按钮 @@ -80,15 +87,49 @@ 如果需要修改主题色,只需要: 1. 修改 `src/assets/vant-theme.css` 文件中的颜色值 -2. 将所有的 `#a22525` 替换为新的颜色值 -3. 同时更新 `theme` 文件中的颜色值 +2. 修改 `src/assets/colors.css` 文件中的 `--color-primary` 变量 +3. 修改 `tailwind.config.js` 中的 primary 颜色配置 +4. 将所有的 `#5D7EEB` 替换为新的颜色值 + +## 颜色管理规范 + +### 1. 使用CSS变量 +```css +/* 推荐:使用CSS变量 */ +color: var(--color-primary); +background-color: var(--color-bg-primary); + +/* 不推荐:硬编码颜色 */ +color: #5D7EEB; +background-color: #ffffff; +``` + +### 2. 使用Tailwind类名 +```html + +
内容
+ + +
内容
+``` + +### 3. 颜色命名规范 +- `--color-primary`: 主色调 +- `--color-success`: 成功色 +- `--color-warning`: 警告色 +- `--color-danger`: 危险色 +- `--color-text-*`: 文本颜色 +- `--color-bg-*`: 背景颜色 +- `--color-border-*`: 边框颜色 ## 注意事项 1. 使用了 `!important` 来确保样式优先级 -2. 配置了激活状态的半透明效果 `rgba(162, 85, 37, 0.8)` +2. 配置了激活状态的半透明效果 `rgba(93, 126, 235, 0.8)` 3. 部分组件配置了悬停和聚焦状态的颜色 4. 所有配置都基于 Vant 4.x 版本 +5. 支持暗色主题自动切换 +6. 提供了完整的颜色变量系统,便于维护和扩展 ## 参考文档 diff --git a/src/assets/colors.css b/src/assets/colors.css new file mode 100644 index 0000000..d9df991 --- /dev/null +++ b/src/assets/colors.css @@ -0,0 +1,211 @@ +/* + * 统一颜色变量管理文件 + * 用于规范化项目中的所有颜色使用 + * 支持主题切换和颜色统一管理 + */ + +:root { + /* ===== 主题色系 ===== */ + --color-primary: #5d7eeb; + --color-primary-50: #f0f3ff; + --color-primary-100: #e1e8ff; + --color-primary-200: #c3d1ff; + --color-primary-300: #a5baff; + --color-primary-400: #87a3ff; + --color-primary-500: #5d7eeb; + --color-primary-600: #4a63bc; + --color-primary-700: #38488d; + --color-primary-800: #252d5e; + --color-primary-900: #13122f; + + /* 主题色透明度变体 */ + --color-primary-light: rgba(93, 126, 235, 0.1); + --color-primary-medium: rgba(93, 126, 235, 0.15); + --color-primary-dark: rgba(93, 126, 235, 0.8); + + /* ===== 语义化颜色 ===== */ + --color-success: #07c160; + --color-success-50: #f0f9f0; + --color-success-100: #e1f5e1; + --color-success-200: #c3ebc3; + --color-success-300: #a5e1a5; + --color-success-400: #87d787; + --color-success-500: #07c160; + --color-success-600: #059a4c; + --color-success-700: #047338; + --color-success-800: #024c24; + --color-success-900: #012510; + --color-success-light: rgba(7, 193, 96, 0.1); + --color-success-dark: rgba(7, 193, 96, 0.8); + + --color-warning: #ff976a; + --color-warning-50: #fff5f0; + --color-warning-100: #ffebe1; + --color-warning-200: #ffd7c3; + --color-warning-300: #ffc3a5; + --color-warning-400: #ffaf87; + --color-warning-500: #ff976a; + --color-warning-600: #cc7955; + --color-warning-700: #995b40; + --color-warning-800: #663d2a; + --color-warning-900: #331f15; + --color-warning-light: rgba(255, 151, 106, 0.1); + --color-warning-dark: rgba(255, 151, 106, 0.8); + + --color-danger: #ee0a24; + --color-danger-light: rgba(238, 10, 36, 0.1); + --color-danger-dark: rgba(238, 10, 36, 0.8); + + --color-info: #1989fa; + --color-info-light: rgba(25, 137, 250, 0.1); + --color-info-dark: rgba(25, 137, 250, 0.8); + + /* ===== 中性色系 ===== */ + --color-gray-50: #fafafa; + --color-gray-100: #f5f5f5; + --color-gray-200: #e5e5e5; + --color-gray-300: #d4d4d4; + --color-gray-400: #a3a3a3; + --color-gray-500: #737373; + --color-gray-600: #525252; + --color-gray-700: #404040; + --color-gray-800: #262626; + --color-gray-900: #171717; + + /* ===== 文本颜色 ===== */ + --color-text-primary: #323233; + --color-text-secondary: #646566; + --color-text-tertiary: #969799; + --color-text-quaternary: #c8c9cc; + --color-text-disabled: #c8c9cc; + --color-text-white: #ffffff; + + /* ===== 背景颜色 ===== */ + --color-bg-primary: #ffffff; + --color-bg-secondary: #fafafa; + --color-bg-tertiary: #f8f8f8; + --color-bg-quaternary: #f2f3f5; + --color-bg-overlay: rgba(0, 0, 0, 0.5); + --color-bg-mask: rgba(0, 0, 0, 0.8); + + /* ===== 边框颜色 ===== */ + --color-border-primary: #ebedf0; + --color-border-secondary: #f2f3f5; + --color-border-tertiary: #dcdee0; + --color-border-focus: var(--color-primary); + + /* ===== 状态颜色 ===== */ + --color-active: #f2f3f5; + --color-hover: rgba(0, 0, 0, 0.05); + --color-focus: var(--color-primary-light); + + /* ===== 阴影颜色 ===== */ + --color-shadow-light: rgba(0, 0, 0, 0.1); + --color-shadow-medium: rgba(0, 0, 0, 0.15); + --color-shadow-dark: rgba(0, 0, 0, 0.2); + + /* ===== 业务特定颜色 ===== */ + --color-service-personal: #5d7eeb; /* 个人大数据 */ + --color-service-company: #6b9df9; /* 小微企业 */ + --color-service-loan: #e1a0e4; /* 贷前背调 */ + + /* ===== 渐变色彩 ===== */ + --gradient-primary: linear-gradient( + 135deg, + var(--color-primary-400), + var(--color-primary-600) + ); + --gradient-success: linear-gradient( + 135deg, + var(--color-success), + var(--color-success-dark) + ); + --gradient-warning: linear-gradient( + 135deg, + var(--color-warning), + var(--color-warning-dark) + ); + --gradient-danger: linear-gradient( + 135deg, + var(--color-danger), + var(--color-danger-dark) + ); +} + +/* ===== 暗色主题支持 ===== */ +@media (prefers-color-scheme: dark) { + :root { + --color-text-primary: #ffffff; + --color-text-secondary: #e5e5e5; + --color-text-tertiary: #a3a3a3; + --color-text-quaternary: #737373; + + --color-bg-primary: #1a1a1a; + --color-bg-secondary: #262626; + --color-bg-tertiary: #404040; + --color-bg-quaternary: #525252; + + --color-border-primary: #404040; + --color-border-secondary: #525252; + --color-border-tertiary: #737373; + } +} + +/* ===== 工具类 ===== */ +.text-primary { + color: var(--color-primary) !important; +} +.text-success { + color: var(--color-success) !important; +} +.text-warning { + color: var(--color-warning) !important; +} +.text-danger { + color: var(--color-danger) !important; +} +.text-info { + color: var(--color-info) !important; +} + +.bg-primary { + background-color: var(--color-primary) !important; +} +.bg-success { + background-color: var(--color-success) !important; +} +.bg-warning { + background-color: var(--color-warning) !important; +} +.bg-danger { + background-color: var(--color-danger) !important; +} +.bg-info { + background-color: var(--color-info) !important; +} + +.border-primary { + border-color: var(--color-primary) !important; +} +.border-success { + border-color: var(--color-success) !important; +} +.border-warning { + border-color: var(--color-warning) !important; +} +.border-danger { + border-color: var(--color-danger) !important; +} +.border-info { + border-color: var(--color-info) !important; +} + +/* ===== 响应式颜色工具类 ===== */ +@media (max-width: 768px) { + .text-primary-mobile { + color: var(--color-primary) !important; + } + .bg-primary-mobile { + background-color: var(--color-primary) !important; + } +} diff --git a/src/assets/images/index/banner.png b/src/assets/images/index/banner.png index be948a0..971b4cd 100644 Binary files a/src/assets/images/index/banner.png and b/src/assets/images/index/banner.png differ diff --git a/src/assets/images/index/bzzx.png b/src/assets/images/index/bzzx.png index 8a615dd..e2258dd 100644 Binary files a/src/assets/images/index/bzzx.png and b/src/assets/images/index/bzzx.png differ diff --git a/src/assets/images/index/company_bg.jpg b/src/assets/images/index/company_bg.jpg new file mode 100644 index 0000000..f4b683b Binary files /dev/null and b/src/assets/images/index/company_bg.jpg differ diff --git a/src/assets/images/index/company_bg.png b/src/assets/images/index/company_bg.png deleted file mode 100644 index ea3e401..0000000 Binary files a/src/assets/images/index/company_bg.png and /dev/null differ diff --git a/src/assets/images/index/cwhy.png b/src/assets/images/index/cwhy.png index e39b62b..75f3c8a 100644 Binary files a/src/assets/images/index/cwhy.png and b/src/assets/images/index/cwhy.png differ diff --git a/src/assets/images/index/housekeeping_risk_bg.jpg b/src/assets/images/index/housekeeping_risk_bg.jpg new file mode 100644 index 0000000..e882a6b Binary files /dev/null and b/src/assets/images/index/housekeeping_risk_bg.jpg differ diff --git a/src/assets/images/index/loan_check_bg.jpg b/src/assets/images/index/loan_check_bg.jpg new file mode 100644 index 0000000..714665b Binary files /dev/null and b/src/assets/images/index/loan_check_bg.jpg differ diff --git a/src/assets/images/index/loan_check_bg.png b/src/assets/images/index/loan_check_bg.png deleted file mode 100644 index 1b8af6d..0000000 Binary files a/src/assets/images/index/loan_check_bg.png and /dev/null differ diff --git a/src/assets/images/index/lxkf.png b/src/assets/images/index/lxkf.png index 50ecb80..74c4063 100644 Binary files a/src/assets/images/index/lxkf.png and b/src/assets/images/index/lxkf.png differ diff --git a/src/assets/images/index/marriage_risk_bg.jpg b/src/assets/images/index/marriage_risk_bg.jpg new file mode 100644 index 0000000..f5a764e Binary files /dev/null and b/src/assets/images/index/marriage_risk_bg.jpg differ diff --git a/src/assets/images/index/personal_data_bg.jpg b/src/assets/images/index/personal_data_bg.jpg new file mode 100644 index 0000000..eb45161 Binary files /dev/null and b/src/assets/images/index/personal_data_bg.jpg differ diff --git a/src/assets/images/index/personal_data_bg.png b/src/assets/images/index/personal_data_bg.png deleted file mode 100644 index 3b08d2d..0000000 Binary files a/src/assets/images/index/personal_data_bg.png and /dev/null differ diff --git a/src/assets/images/index/preloan_risk_bg.jpg b/src/assets/images/index/preloan_risk_bg.jpg new file mode 100644 index 0000000..12e2918 Binary files /dev/null and b/src/assets/images/index/preloan_risk_bg.jpg differ diff --git a/src/assets/images/index/srmx.png b/src/assets/images/index/srmx.png index 5d7f883..bb02375 100644 Binary files a/src/assets/images/index/srmx.png and b/src/assets/images/index/srmx.png differ diff --git a/src/assets/images/index/tgbg.png b/src/assets/images/index/tgbg.png index ae0017d..2249646 100644 Binary files a/src/assets/images/index/tgbg.png and b/src/assets/images/index/tgbg.png differ diff --git a/src/assets/images/index/wdbg.png b/src/assets/images/index/wdbg.png index b97beaa..4e1fce7 100644 Binary files a/src/assets/images/index/wdbg.png and b/src/assets/images/index/wdbg.png differ diff --git a/src/assets/images/index/wytx.png b/src/assets/images/index/wytx.png index 1f06ada..f193660 100644 Binary files a/src/assets/images/index/wytx.png and b/src/assets/images/index/wytx.png differ diff --git a/src/assets/images/index/yqhy.png b/src/assets/images/index/yqhy.png index e50f1fc..9c80c50 100644 Binary files a/src/assets/images/index/yqhy.png and b/src/assets/images/index/yqhy.png differ diff --git a/src/assets/images/index_a_banner.png b/src/assets/images/index_a_banner.png new file mode 100644 index 0000000..7cb2f73 Binary files /dev/null and b/src/assets/images/index_a_banner.png differ diff --git a/src/assets/images/login_bg.png b/src/assets/images/login_bg.png index 977de0e..976b7b7 100644 Binary files a/src/assets/images/login_bg.png and b/src/assets/images/login_bg.png differ diff --git a/src/assets/images/report/backgroundcheck_inquire_bg.jpg b/src/assets/images/report/backgroundcheck_inquire_bg.jpg new file mode 100644 index 0000000..b1b7f8d Binary files /dev/null and b/src/assets/images/report/backgroundcheck_inquire_bg.jpg differ diff --git a/src/assets/images/report/backgroundcheck_report_bg.jpg b/src/assets/images/report/backgroundcheck_report_bg.jpg new file mode 100644 index 0000000..5a42e69 Binary files /dev/null and b/src/assets/images/report/backgroundcheck_report_bg.jpg differ diff --git a/src/assets/images/report/dqfx_inquire_bg.jpg b/src/assets/images/report/dqfx_inquire_bg.jpg new file mode 100644 index 0000000..951930a Binary files /dev/null and b/src/assets/images/report/dqfx_inquire_bg.jpg differ diff --git a/src/assets/images/report/dqfx_inquire_bg.png b/src/assets/images/report/dqfx_inquire_bg.png deleted file mode 100644 index 94a95e3..0000000 Binary files a/src/assets/images/report/dqfx_inquire_bg.png and /dev/null differ diff --git a/src/assets/images/report/dqfx_report_bg.jpg b/src/assets/images/report/dqfx_report_bg.jpg new file mode 100644 index 0000000..6771500 Binary files /dev/null and b/src/assets/images/report/dqfx_report_bg.jpg differ diff --git a/src/assets/images/report/dqfx_report_bg.png b/src/assets/images/report/dqfx_report_bg.png deleted file mode 100644 index 35b478d..0000000 Binary files a/src/assets/images/report/dqfx_report_bg.png and /dev/null differ diff --git a/src/assets/images/report/fqzgz.png b/src/assets/images/report/fqzgz.png index 9aa6cb8..52fbe22 100644 Binary files a/src/assets/images/report/fqzgz.png and b/src/assets/images/report/fqzgz.png differ diff --git a/src/assets/images/report/fqzpf.png b/src/assets/images/report/fqzpf.png index 75c93ce..2ef6d23 100644 Binary files a/src/assets/images/report/fqzpf.png and b/src/assets/images/report/fqzpf.png differ diff --git a/src/assets/images/report/fxzl.png b/src/assets/images/report/fxzl.png new file mode 100644 index 0000000..6139e37 Binary files /dev/null and b/src/assets/images/report/fxzl.png differ diff --git a/src/assets/images/report/gazdryhy.png b/src/assets/images/report/gazdryhy.png new file mode 100644 index 0000000..15d94e4 Binary files /dev/null and b/src/assets/images/report/gazdryhy.png differ diff --git a/src/assets/images/report/gazdryhycp.png b/src/assets/images/report/gazdryhycp.png new file mode 100644 index 0000000..2a4d02a Binary files /dev/null and b/src/assets/images/report/gazdryhycp.png differ diff --git a/src/assets/images/report/grdsj_inquire_bg.jpg b/src/assets/images/report/grdsj_inquire_bg.jpg new file mode 100644 index 0000000..5d90eb2 Binary files /dev/null and b/src/assets/images/report/grdsj_inquire_bg.jpg differ diff --git a/src/assets/images/report/grdsj_inquire_bg.png b/src/assets/images/report/grdsj_inquire_bg.png deleted file mode 100644 index 519fca5..0000000 Binary files a/src/assets/images/report/grdsj_inquire_bg.png and /dev/null differ diff --git a/src/assets/images/report/grdsj_report_bg.jpg b/src/assets/images/report/grdsj_report_bg.jpg new file mode 100644 index 0000000..197db31 Binary files /dev/null and b/src/assets/images/report/grdsj_report_bg.jpg differ diff --git a/src/assets/images/report/grdsj_report_bg.png b/src/assets/images/report/grdsj_report_bg.png deleted file mode 100644 index 10f7ce8..0000000 Binary files a/src/assets/images/report/grdsj_report_bg.png and /dev/null differ diff --git a/src/assets/images/report/gsdfx.png b/src/assets/images/report/gsdfx.png new file mode 100644 index 0000000..6a59cc4 Binary files /dev/null and b/src/assets/images/report/gsdfx.png differ diff --git a/src/assets/images/report/homeservice_inquire_bg.jpg b/src/assets/images/report/homeservice_inquire_bg.jpg new file mode 100644 index 0000000..82fb69c Binary files /dev/null and b/src/assets/images/report/homeservice_inquire_bg.jpg differ diff --git a/src/assets/images/report/homeservice_report_bg.jpg b/src/assets/images/report/homeservice_report_bg.jpg new file mode 100644 index 0000000..48f861b Binary files /dev/null and b/src/assets/images/report/homeservice_report_bg.jpg differ diff --git a/src/assets/images/report/jdpg.png b/src/assets/images/report/jdpg.png index e5f1cf7..e0ade16 100644 Binary files a/src/assets/images/report/jdpg.png and b/src/assets/images/report/jdpg.png differ diff --git a/src/assets/images/report/marriage_inquire_bg.jpg b/src/assets/images/report/marriage_inquire_bg.jpg new file mode 100644 index 0000000..db0ac26 Binary files /dev/null and b/src/assets/images/report/marriage_inquire_bg.jpg differ diff --git a/src/assets/images/report/marriage_report_bg.jpg b/src/assets/images/report/marriage_report_bg.jpg new file mode 100644 index 0000000..5752966 Binary files /dev/null and b/src/assets/images/report/marriage_report_bg.jpg differ diff --git a/src/assets/images/report/sdszhycp.png b/src/assets/images/report/sdszhycp.png new file mode 100644 index 0000000..c49bc10 Binary files /dev/null and b/src/assets/images/report/sdszhycp.png differ diff --git a/src/assets/images/report/sfz.png b/src/assets/images/report/sfz.png index c926298..f565538 100644 Binary files a/src/assets/images/report/sfz.png and b/src/assets/images/report/sfz.png differ diff --git a/src/assets/images/report/shjy.png b/src/assets/images/report/shjy.png index 0d2b7a4..2c9ee0c 100644 Binary files a/src/assets/images/report/shjy.png and b/src/assets/images/report/shjy.png differ diff --git a/src/assets/images/report/sjh.png b/src/assets/images/report/sjh.png index 3a6eeda..17c053e 100644 Binary files a/src/assets/images/report/sjh.png and b/src/assets/images/report/sjh.png differ diff --git a/src/assets/images/report/xwqy_inquire_bg.jpg b/src/assets/images/report/xwqy_inquire_bg.jpg new file mode 100644 index 0000000..973144d Binary files /dev/null and b/src/assets/images/report/xwqy_inquire_bg.jpg differ diff --git a/src/assets/images/report/xwqy_inquire_bg.png b/src/assets/images/report/xwqy_inquire_bg.png deleted file mode 100644 index ac851f2..0000000 Binary files a/src/assets/images/report/xwqy_inquire_bg.png and /dev/null differ diff --git a/src/assets/images/report/xwqy_report_bg.jpg b/src/assets/images/report/xwqy_report_bg.jpg new file mode 100644 index 0000000..a9f1613 Binary files /dev/null and b/src/assets/images/report/xwqy_report_bg.jpg differ diff --git a/src/assets/images/report/xwqy_report_bg.png b/src/assets/images/report/xwqy_report_bg.png deleted file mode 100644 index 54b4c83..0000000 Binary files a/src/assets/images/report/xwqy_report_bg.png and /dev/null differ diff --git a/src/assets/images/report/xypf.png b/src/assets/images/report/xypf.png index 450082c..efa7956 100644 Binary files a/src/assets/images/report/xypf.png and b/src/assets/images/report/xypf.png differ diff --git a/src/assets/images/report/yqfx.png b/src/assets/images/report/yqfx.png index 20360b6..3d5a624 100644 Binary files a/src/assets/images/report/yqfx.png and b/src/assets/images/report/yqfx.png differ diff --git a/src/assets/images/report/yqfxgl.png b/src/assets/images/report/yqfxgl.png new file mode 100644 index 0000000..3db496a Binary files /dev/null and b/src/assets/images/report/yqfxgl.png differ diff --git a/src/assets/images/report/yqsjfb.png b/src/assets/images/report/yqsjfb.png new file mode 100644 index 0000000..a8638af Binary files /dev/null and b/src/assets/images/report/yqsjfb.png differ diff --git a/src/assets/images/report/yshc.png b/src/assets/images/report/yshc.png index 32f3017..18abfe6 100644 Binary files a/src/assets/images/report/yshc.png and b/src/assets/images/report/yshc.png differ diff --git a/src/assets/images/report/yyshy.png b/src/assets/images/report/yyshy.png new file mode 100644 index 0000000..f89c747 Binary files /dev/null and b/src/assets/images/report/yyshy.png differ diff --git a/src/assets/images/report/yzgz.png b/src/assets/images/report/yzgz.png index cf34b85..903ac38 100644 Binary files a/src/assets/images/report/yzgz.png and b/src/assets/images/report/yzgz.png differ diff --git a/src/assets/images/report/zlfxpg.png b/src/assets/images/report/zlfxpg.png new file mode 100644 index 0000000..22d1283 Binary files /dev/null and b/src/assets/images/report/zlfxpg.png differ diff --git a/src/assets/images/report/zwsc.png b/src/assets/images/report/zwsc.png index 08c71d1..f17c762 100644 Binary files a/src/assets/images/report/zwsc.png and b/src/assets/images/report/zwsc.png differ diff --git a/src/assets/main.css b/src/assets/main.css index aa49276..c11fe04 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,4 +1,5 @@ @import "./base.css"; +@import "./colors.css"; @import "./nprogress.css"; @import "./vant-theme.css"; @tailwind base; diff --git a/src/assets/nprogress.css b/src/assets/nprogress.css index 5c49dc2..4a3f6d2 100644 --- a/src/assets/nprogress.css +++ b/src/assets/nprogress.css @@ -1,10 +1,10 @@ /* 进度条颜色 */ #nprogress .bar { - background: #a22525; /* 主题色 */ + background: var(--color-primary); /* 主题色 */ height: 4px; /* 修改高度 */ } /* 圆圈颜色 */ #nprogress .peg { - box-shadow: 0 0 10px #a22525, 0 0 5px #a22525; + box-shadow: 0 0 10px var(--color-primary), 0 0 5px var(--color-primary); } diff --git a/src/assets/vant-theme.css b/src/assets/vant-theme.css index 8763d89..2ba8412 100644 --- a/src/assets/vant-theme.css +++ b/src/assets/vant-theme.css @@ -2,87 +2,87 @@ /* 定义主题色变量 */ :root { - /* 主色调 - 可以根据需要修改这个变量来改变整个主题 */ - --van-theme-primary: #a22525; - --van-theme-primary-light: rgba(162, 37, 37, 0.1); - --van-theme-primary-dark: rgba(162, 37, 37, 0.8); - --van-theme-primary-alpha: rgba(162, 37, 37, 0.15); - - /* 覆盖 Vant 默认的主色调变量 */ - --van-primary-color: var(--van-theme-primary); - --van-success-color: #07c160; - --van-warning-color: #ff976a; - --van-danger-color: #ee0a24; - - /* 文本颜色 */ - --van-text-color: #323233; - --van-text-color-2: #646566; - --van-text-color-3: #969799; - - /* 背景色 */ - --van-background-color: #ffffff; - --van-background-color-light: #fafafa; - - /* 边框色 */ - --van-border-color: #ebedf0; - - /* 活跃状态颜色 */ - --van-active-color: #f2f3f5; + /* 主色调 - 可以根据需要修改这个变量来改变整个主题 */ + --van-theme-primary: #5d7eeb; + --van-theme-primary-light: rgba(93, 126, 235, 0.1); + --van-theme-primary-dark: rgba(93, 126, 235, 0.8); + --van-theme-primary-alpha: rgba(93, 126, 235, 0.15); + + /* 覆盖 Vant 默认的主色调变量 */ + --van-primary-color: var(--van-theme-primary); + --van-success-color: #07c160; + --van-warning-color: #ff976a; + --van-danger-color: #ee0a24; + + /* 文本颜色 */ + --van-text-color: #323233; + --van-text-color-2: #646566; + --van-text-color-3: #969799; + + /* 背景色 */ + --van-background-color: #ffffff; + --van-background-color-light: #fafafa; + + /* 边框色 */ + --van-border-color: #ebedf0; + + /* 活跃状态颜色 */ + --van-active-color: #f2f3f5; } /* 使用 CSS 变量覆盖组件样式 */ /* 按钮组件 */ .van-button--primary { - background-color: var(--van-theme-primary) !important; - border-color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary) !important; + border-color: var(--van-theme-primary) !important; } .van-button--primary:active { - background-color: var(--van-theme-primary-dark) !important; + background-color: var(--van-theme-primary-dark) !important; } /* 导航栏组件 */ .van-nav-bar { - background-color: #ffffff !important; + background-color: #ffffff !important; } .van-nav-bar__title { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } .van-nav-bar__left, .van-nav-bar__right { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } .van-nav-bar__arrow { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } .van-nav-bar__text { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 标签栏组件 */ .van-tabbar-item--active { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 标签页组件 */ .van-tabs__line { - background-color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary) !important; } .van-tab--active { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } .van-tabs__wrap { - background-color: #ffffff !important; + background-color: #ffffff !important; } /* 开关组件 */ .van-switch--on { - background-color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary) !important; } /* 复选框组件 */ @@ -93,342 +93,342 @@ /* 滑动条组件 */ .van-slider__bar { - background-color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary) !important; } .van-slider__button { - background-color: var(--van-theme-primary) !important; - border-color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary) !important; + border-color: var(--van-theme-primary) !important; } /* 进度条组件 */ .van-progress__portion { - background-color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary) !important; } /* 评分组件 */ .van-rate__icon--full { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 步进器组件 */ .van-stepper__plus, .van-stepper__minus { - color: var(--van-theme-primary) !important; - border-color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; + border-color: var(--van-theme-primary) !important; } /* 步骤条组件 */ .van-steps__item--active .van-steps__item__circle { - background-color: var(--van-theme-primary) !important; - border-color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary) !important; + border-color: var(--van-theme-primary) !important; } /* 标签组件 */ .van-tag--primary { - background-color: var(--van-theme-primary) !important; - color: #ffffff !important; + background-color: var(--van-theme-primary) !important; + color: #ffffff !important; } /* 徽章组件 */ .van-badge--primary { - background-color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary) !important; } /* 通知栏组件 */ .van-notice-bar--primary { - background-color: var(--van-theme-primary-light) !important; - color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary-light) !important; + color: var(--van-theme-primary) !important; } /* 轮播图指示器 */ .van-swipe__indicator--active { - background-color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary) !important; } /* 加载组件 */ .van-loading__spinner { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 弹窗组件 */ .van-popup { - background-color: var(--van-background-color) !important; + background-color: var(--van-background-color) !important; } /* 选择器组件 */ .van-picker { - background-color: var(--van-background-color) !important; + background-color: var(--van-background-color) !important; } .van-picker__toolbar { - background-color: var(--van-background-color) !important; + background-color: var(--van-background-color) !important; } .van-picker__confirm { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } .van-picker__cancel { - color: var(--van-text-color-2) !important; + color: var(--van-text-color-2) !important; } /* 日期选择器组件 */ .van-date-picker { - background-color: var(--van-background-color) !important; + background-color: var(--van-background-color) !important; } .van-date-picker__toolbar { - background-color: var(--van-background-color) !important; + background-color: var(--van-background-color) !important; } .van-date-picker__confirm { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } .van-date-picker__cancel { - color: var(--van-text-color-2) !important; + color: var(--van-text-color-2) !important; } /* 字段组件 */ .van-field__control { - color: var(--van-text-color) !important; + color: var(--van-text-color) !important; } .van-field__placeholder { - color: var(--van-text-color-3) !important; + color: var(--van-text-color-3) !important; } .van-field__right-icon { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 动作面板组件 */ .van-action-sheet__item--active { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 选择器组件 */ .van-picker__confirm { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 日期选择器组件 */ .van-datetime-picker__confirm { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 地区选择器组件 */ .van-area__confirm { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 搜索组件 */ .van-search__action { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 日历组件 */ .van-calendar__day--selected { - background-color: var(--van-theme-primary) !important; - color: #ffffff !important; + background-color: var(--van-theme-primary) !important; + color: #ffffff !important; } .van-calendar__day--start, .van-calendar__day--end { - background-color: var(--van-theme-primary) !important; - color: #ffffff !important; + background-color: var(--van-theme-primary) !important; + color: #ffffff !important; } /* 时间选择器组件 */ .van-time-picker__confirm { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 商品卡片组件 */ .van-card__price { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 优惠券组件 */ .van-coupon__discount { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 地址编辑组件 */ .van-address-edit__default { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 商品规格选择器组件 */ .van-sku-item--active { - color: var(--van-theme-primary) !important; - border-color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; + border-color: var(--van-theme-primary) !important; } /* 购物车组件 */ .van-submit-bar__price { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 提交订单栏组件 */ .van-submit-bar__button--primary { - background-color: var(--van-theme-primary) !important; + background-color: var(--van-theme-primary) !important; } /* 侧边栏组件 */ .van-sidebar-item--select { - color: var(--van-theme-primary) !important; - border-color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; + border-color: var(--van-theme-primary) !important; } /* 树形选择器组件 */ .van-tree-select__item--active { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 联系人列表组件 */ .van-contact-list__item--active { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 密码输入框组件 */ .van-password-input__item--focus { - border-color: var(--van-theme-primary) !important; + border-color: var(--van-theme-primary) !important; } /* 下拉菜单组件 */ .van-dropdown-menu__title--active { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } .van-dropdown-menu__option--active { - color: var(--van-theme-primary) !important; + color: var(--van-theme-primary) !important; } /* 索引组件 */ .van-index-anchor--active { - background-color: var(--van-background-color) !important; - color: var(--van-theme-primary) !important; + background-color: var(--van-background-color) !important; + color: var(--van-theme-primary) !important; } /* 水印组件 */ .van-water-mark { - color: var(--van-theme-primary-alpha) !important; + color: var(--van-theme-primary-alpha) !important; } /* 分割线组件 */ .van-divider { - color: var(--van-text-color-3) !important; + color: var(--van-text-color-3) !important; } /* 分享组件 */ .van-share-sheet__option-name { - color: var(--van-text-color) !important; + color: var(--van-text-color) !important; } /* 骨架屏组件 */ .van-skeleton__content { - background-color: var(--van-background-color-light) !important; + background-color: var(--van-background-color-light) !important; } /* 空状态组件 */ .van-empty__description { - color: var(--van-text-color-2) !important; + color: var(--van-text-color-2) !important; } /* 倒计时组件 */ .van-count-down { - color: var(--van-text-color) !important; + color: var(--van-text-color) !important; } /* 签名组件 */ .van-signature { - background-color: var(--van-background-color) !important; - border-color: var(--van-border-color) !important; + background-color: var(--van-background-color) !important; + border-color: var(--van-border-color) !important; } /* 上传组件 */ .van-uploader__upload { - background-color: var(--van-background-color-light) !important; + background-color: var(--van-background-color-light) !important; } /* 列表组件 */ .van-list__loading, .van-list__finished-text { - color: var(--van-text-color-2) !important; + color: var(--van-text-color-2) !important; } /* 下拉刷新组件 */ .van-pull-refresh__text { - color: var(--van-text-color-2) !important; + color: var(--van-text-color-2) !important; } /* 懒加载组件 */ .van-lazyload { - background-color: var(--van-background-color-light) !important; + background-color: var(--van-background-color-light) !important; } /* 图片预览组件 */ .van-image-preview__index { - color: #ffffff !important; + color: #ffffff !important; } /* 索引组件 */ .van-index-anchor { - background-color: var(--van-background-color-light) !important; - color: var(--van-text-color-2) !important; + background-color: var(--van-background-color-light) !important; + color: var(--van-text-color-2) !important; } /* 弹出层遮罩 */ .van-overlay { - background-color: rgba(0, 0, 0, 0.5) !important; + background-color: rgba(0, 0, 0, 0.5) !important; } /* Toast 组件 */ .van-toast { - background-color: rgba(0, 0, 0, 0.8) !important; - color: #ffffff !important; + background-color: rgba(0, 0, 0, 0.8) !important; + color: #ffffff !important; } .van-toast--success { - background-color: rgba(0, 0, 0, 0.8) !important; - color: #ffffff !important; + background-color: rgba(0, 0, 0, 0.8) !important; + color: #ffffff !important; } .van-toast--fail { - background-color: rgba(0, 0, 0, 0.8) !important; - color: #ffffff !important; + background-color: rgba(0, 0, 0, 0.8) !important; + color: #ffffff !important; } .van-toast--loading { - background-color: rgba(0, 0, 0, 0.8) !important; - color: #ffffff !important; + background-color: rgba(0, 0, 0, 0.8) !important; + color: #ffffff !important; } .van-toast__text { - color: #ffffff !important; + color: #ffffff !important; } .van-toast__icon { - color: #ffffff !important; + color: #ffffff !important; } /* Loading Toast 特殊处理 */ .van-loading-toast { - background-color: rgba(0, 0, 0, 0.8) !important; - color: #ffffff !important; + background-color: rgba(0, 0, 0, 0.8) !important; + color: #ffffff !important; } .van-loading-toast .van-loading__spinner { - color: #ffffff !important; + color: #ffffff !important; } .van-loading-toast .van-toast__text { - color: #ffffff !important; + color: #ffffff !important; } /* 数字键盘组件 */ .van-number-keyboard__key--active { - background-color: var(--van-active-color) !important; -} \ No newline at end of file + background-color: var(--van-active-color) !important; +} diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts index 198ce5f..3a7330e 100644 --- a/src/auto-imports.d.ts +++ b/src/auto-imports.d.ts @@ -194,6 +194,7 @@ declare global { const useIdle: typeof import('@vueuse/core')['useIdle'] const useImage: typeof import('@vueuse/core')['useImage'] const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll'] + const useInquireForm: typeof import('./composables/useInquireForm.js')['useInquireForm'] const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver'] const useInterval: typeof import('@vueuse/core')['useInterval'] const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn'] diff --git a/src/components/BaseReport.vue b/src/components/BaseReport.vue index 1a72e94..2b82594 100644 --- a/src/components/BaseReport.vue +++ b/src/components/BaseReport.vue @@ -13,11 +13,17 @@ const loadProductBackground = async (productType) => { try { switch (productType) { case 'companyinfo': - return (await import("@/assets/images/report/xwqy_report_bg.png")).default; + return (await import("@/assets/images/report/xwqy_report_bg.jpg")).default; case 'preloanbackgroundcheck': - return (await import("@/assets/images/report/dqfx_report_bg.png")).default; + return (await import("@/assets/images/report/dqfx_report_bg.jpg")).default; case 'personalData': - return (await import("@/assets/images/report/grdsj_report_bg.png")).default; + return (await import("@/assets/images/report/grdsj_report_bg.jpg")).default; + case 'marriage': + return (await import("@/assets/images/report/marriage_report_bg.jpg")).default; + case 'homeservice': + return (await import("@/assets/images/report/homeservice_report_bg.jpg")).default; + case 'backgroundcheck': + return (await import("@/assets/images/report/backgroundcheck_report_bg.jpg")).default; default: return null; } @@ -320,10 +326,10 @@ const featureMap = { name: "逾期风险综述", component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/OverdueRiskSection.vue")), }, - // DWBG8B4D_CourtInfo: { - // name: "法院曝光台信息", - // component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/MultCourtInfoSection.vue")), - // }, + DWBG8B4D_CourtInfo: { + name: "法院曝光台信息", + component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/MultCourtInfoSection.vue")), + }, DWBG8B4D_LoanEvaluation: { name: "借贷评估", component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/components/LoanEvaluationSection.vue")), @@ -409,10 +415,10 @@ const featureMap = { name: "关联风险监督", component: defineAsyncComponent(() => import("@/ui/DWBG6A2C/components/RiskSupervisionSection.vue")), }, - // DWBG6A2C_CourtRiskInfo: { - // name: "法院风险信息", - // component: defineAsyncComponent(() => import("@/ui/DWBG6A2C/components/CourtRiskInfoSection.vue")), - // }, + DWBG6A2C_CourtRiskInfo: { + name: "法院风险信息", + component: defineAsyncComponent(() => import("@/ui/DWBG6A2C/components/CourtRiskInfoSection.vue")), + }, // 贷款风险报告 JRZQ5E9F: { name: "贷款风险评估", diff --git a/src/components/InquireForm.vue b/src/components/InquireForm.vue index a04557e..907cc3b 100644 --- a/src/components/InquireForm.vue +++ b/src/components/InquireForm.vue @@ -1,243 +1,434 @@ + + - - + +button:active { + transform: translateY(0); +} + +/* 梯形背景图片样式 */ +.trapezoid-bg-image { + background-image: url('@/assets/images/report/title_inquire_bg.png'); + background-size: 100% 100%; + background-repeat: no-repeat; +} + +/* 卡片容器样式 */ +.card-container { + background: white; + border-radius: 8px; + padding: 16px; + box-shadow: + 0 0 0 0.5px rgba(0, 0, 0, 0.02), + 0 1px 4px rgba(0, 0, 0, 0.04), + 0 0.5px 2px rgba(0, 0, 0, 0.05); +} + +.card-container input::placeholder { + color: #DDDDDD; +} + +/* 功能标签样式 */ +.feature-tag { + background-color: var(--color-primary-light); + color: var(--color-primary); + padding: 6px 12px; + border-radius: 9999px; + font-size: 12px; + font-weight: 500; + display: flex; + align-items: center; +} + +/* 功能标签圆点 */ +.feature-dot { + width: 6px; + height: 6px; + background-color: var(--color-primary); + border-radius: 50%; + margin-right: 8px; +} + \ No newline at end of file diff --git a/src/components/LTitle.vue b/src/components/LTitle.vue index 303f84b..4c4d89a 100644 --- a/src/components/LTitle.vue +++ b/src/components/LTitle.vue @@ -5,15 +5,10 @@ const props = defineProps({ }) const titleClass = computed(() => { - // 统一使用主题色渐变 - return 'bg-gradient-to-r from-red-600 via-red-500 to-red-700' + // 统一使用主题色 + return 'bg-primary' }) -// 分割线颜色与背景对应 -const lineClass = computed(() => { - // 统一使用主题色渐变 - return 'bg-gradient-to-r from-red-600 via-red-500 to-red-700' -}) diff --git a/src/components/RealNameAuthDialog.vue b/src/components/RealNameAuthDialog.vue index 95b51ac..ce28341 100644 --- a/src/components/RealNameAuthDialog.vue +++ b/src/components/RealNameAuthDialog.vue @@ -245,7 +245,7 @@ function toPrivacyPolicy() {
+ class="mt-0.5 sm:mt-1 flex-shrink-0 accent-primary" /> 我已阅读并同意 diff --git a/src/components/SectionTitle.vue b/src/components/SectionTitle.vue index 41a7fb2..cc370c3 100644 --- a/src/components/SectionTitle.vue +++ b/src/components/SectionTitle.vue @@ -1,7 +1,7 @@