style(passport): 将授权页面主题切换为蓝色风格

- 新增蓝色主题扫描线与发光动画样式
- 添加不同颜色主题的粒子元素动画类
- 修改授权页面背景渐变为蓝色调
- 调整网格背景和渐变光晕颜色为蓝色系列
- 蓝色主题粒子背景与动画细节优化
- 更新按钮和文本渐变颜色为蓝色风格
- 按钮阴影和边框颜色修改为蓝色系
- 同意协议文本颜色切换为蓝色
- 底部指示点颜色替换为蓝色调,增强视觉统一性
This commit is contained in:
2026-04-11 08:46:19 +08:00
parent 0b5f8293e5
commit ebb0ae76bb

View File

@@ -128,7 +128,7 @@ const QRConfirmPage: React.FC = () => {
} }
} }
Taro.showToast({ title: '授权成功,正在确认登录...', icon: 'success' }); Taro.showToast({ title: '授权成功,正在确认登录...', icon: 'none' });
// 延迟确认扫码登录 // 延迟确认扫码登录
setTimeout(() => handleConfirmQRLogin(res.data.data.user), 1500); setTimeout(() => handleConfirmQRLogin(res.data.data.user), 1500);
@@ -288,10 +288,6 @@ const QRConfirmPage: React.FC = () => {
backgroundClip: 'text', marginBottom: '8px', backgroundClip: 'text', marginBottom: '8px',
}}>websopy</Text> }}>websopy</Text>
<Text style={{ fontSize: '14px', color: 'rgba(255, 255, 255, 0.6)', letterSpacing: '2px' }}>
·
</Text>
<View style={{ <View style={{
width: '60px', height: '3px', width: '60px', height: '3px',
background: 'linear-gradient(90deg, transparent, #3b82f6, transparent)', background: 'linear-gradient(90deg, transparent, #3b82f6, transparent)',