style(phone-auth): 优化样式代码简化和去除部分交互效果

- 移除微信授权按钮的 active 和 disabled 状态下的缩放效果
- 简化协议勾选框的样式,去掉条件样式控制
- 去除协议链接的 hover 变色效果,仅保留基础蓝色样式
- 保持按钮和交互元素整体布局和功能不变
This commit is contained in:
2026-04-08 01:29:09 +08:00
parent ab89163685
commit 6dec400b0e

View File

@@ -266,7 +266,7 @@ const PhoneAuthLogin = () => {
{/* 微信授权按钮 */} {/* 微信授权按钮 */}
<div className="w-full mb-8"> <div className="w-full mb-8">
<Button <Button
className="w-full bg-gradient-to-r from-green-500 to-green-600 text-white font-medium py-4 rounded-xl flex items-center justify-center gap-2 shadow-lg shadow-green-200 active:scale-95 transition-transform disabled:opacity-50 disabled:active:scale-100" className="w-full bg-gradient-to-r from-green-500 to-green-600 text-white font-medium py-4 rounded-xl flex items-center justify-center gap-2 shadow-lg shadow-green-200 transition-transform"
open-type="getPhoneNumber" open-type="getPhoneNumber"
onGetPhoneNumber={handleGetPhoneNumber} onGetPhoneNumber={handleGetPhoneNumber}
disabled={loading} disabled={loading}
@@ -290,9 +290,7 @@ const PhoneAuthLogin = () => {
{/* 协议勾选 */} {/* 协议勾选 */}
<div className="flex items-start mb-6 px-2"> <div className="flex items-start mb-6 px-2">
<div <div
className={`w-5 h-5 rounded border-2 flex items-center justify-center mr-3 mt-1 flex-shrink-0 cursor-pointer transition-colors ${ className={`w-5 h-5 rounded border-2 flex items-center justify-center mr-3 mt-1 flex-shrink-0 cursor-pointer transition-colors`}
agreed ? 'bg-blue-500 border-blue-500' : 'border-gray-300 bg-white hover:border-blue-400'
}`}
onClick={() => setAgreed(!agreed)} onClick={() => setAgreed(!agreed)}
> >
{agreed && ( {agreed && (
@@ -304,7 +302,7 @@ const PhoneAuthLogin = () => {
<div className="text-sm text-gray-600"> <div className="text-sm text-gray-600">
<span <span
className="text-blue-500 cursor-pointer hover:text-blue-600" className="text-blue-500 cursor-pointer"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
setShowAgreement(true); setShowAgreement(true);
@@ -314,7 +312,7 @@ const PhoneAuthLogin = () => {
</span> </span>
<span <span
className="text-blue-500 cursor-pointer hover:text-blue-600" className="text-blue-500 cursor-pointer"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
setShowPrivacy(true); setShowPrivacy(true);