style(phone-auth): 优化样式代码简化和去除部分交互效果
- 移除微信授权按钮的 active 和 disabled 状态下的缩放效果 - 简化协议勾选框的样式,去掉条件样式控制 - 去除协议链接的 hover 变色效果,仅保留基础蓝色样式 - 保持按钮和交互元素整体布局和功能不变
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user