style: 优化验证码样式

This commit is contained in:
ccnetcore
2025-08-05 22:41:20 +08:00
parent 63e7d3d5f5
commit 4681d468ce
4 changed files with 19 additions and 12 deletions

View File

@@ -8,8 +8,8 @@
<ItemGroup> <ItemGroup>
<PackageReference Include="Lazy.Captcha.Core" Version="2.0.7" /> <PackageReference Include="Lazy.Captcha.Core" Version="2.2.2" />
<PackageReference Include="SkiaSharp.NativeAssets.Linux.NoDependencies" Version="2.88.7" /> <PackageReference Include="SkiaSharp.NativeAssets.Linux.NoDependencies" Version="2.88.9" />
<PackageReference Include="Volo.Abp.BackgroundJobs.Hangfire" Version="$(AbpVersion)" /> <PackageReference Include="Volo.Abp.BackgroundJobs.Hangfire" Version="$(AbpVersion)" />
</ItemGroup> </ItemGroup>

View File

@@ -1,5 +1,8 @@
using Lazy.Captcha.Core.Generator; using Lazy.Captcha.Core;
using Lazy.Captcha.Core.Generator;
using Lazy.Captcha.Core.Generator.Image.Option;
using Microsoft.Extensions.DependencyInjection; using Microsoft.Extensions.DependencyInjection;
using SkiaSharp;
using Yi.Framework.Ddd.Application; using Yi.Framework.Ddd.Application;
using Yi.Framework.Rbac.Application.Contracts; using Yi.Framework.Rbac.Application.Contracts;
using Yi.Framework.Rbac.Domain; using Yi.Framework.Rbac.Domain;
@@ -21,7 +24,9 @@ namespace Yi.Framework.Rbac.Application
service.AddCaptcha(options => service.AddCaptcha(options =>
{ {
options.CaptchaType = CaptchaType.ARITHMETIC; options.CaptchaType = CaptchaType.NUMBER;
options.ImageOption.BackgroundColor = SkiaSharp.SKColors.Transparent;
options.ImageOption.FontFamily = DefaultFontFamilies.Prefix;
}); });
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.2 KiB

View File

@@ -49,13 +49,13 @@ padding: 40px 60px;
} }
.title-1 .title-1
{ {
color: #7F438C; color: #FFFFFF;
font-weight: normal; font-weight: normal;
} }
.title-2 .title-2
{ {
color: #7F438C; color: #FFFFFF;
font-weight:bolder; font-weight:bolder;
} }
.input-content .input-content
@@ -118,7 +118,7 @@ height: 25px;
cursor: pointer; cursor: pointer;
} }
.right-forgot:hover{ .right-forgot:hover{
color: #7f438c; color: #FFFFFF;
} }
.bottom-div .bottom-div
{ {
@@ -151,7 +151,7 @@ align-items: flex-end;
.code-img .code-img
{ {
margin-left: 20px; margin-left: 20px;
border: 0.8px solid #000; border: 1px solid rgba(0, 255, 136, 0.2);
width: 150px; width: 150px;
height: 40px; height: 40px;
text-align: center; text-align: center;
@@ -177,18 +177,20 @@ align-items: flex-end;
} }
.phone-code-btn .phone-code-btn
{ {
border: 0.8px solid #000;
text-align: center; text-align: center;
width: 100px; width: 100px;
height: 30px; height: 30px;
background-color: #EF6562; background-color: #00DB73;
color: #FFFFFF; color: #000000;
cursor: pointer; cursor: pointer;
margin-left: 20px; margin-left: 20px;
} }
.phone-code-btn:hover{
box-shadow: 0 10px 25px rgba(0, 255, 136, 0.3);
}
.register-title .register-title
{ {
color: #7F438C; color: #FFFFFF;
font-weight:bolder; font-weight:bolder;
font-size: 30px; font-size: 30px;
} }