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>
<PackageReference Include="Lazy.Captcha.Core" Version="2.0.7" />
<PackageReference Include="SkiaSharp.NativeAssets.Linux.NoDependencies" Version="2.88.7" />
<PackageReference Include="Lazy.Captcha.Core" Version="2.2.2" />
<PackageReference Include="SkiaSharp.NativeAssets.Linux.NoDependencies" Version="2.88.9" />
<PackageReference Include="Volo.Abp.BackgroundJobs.Hangfire" Version="$(AbpVersion)" />
</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 SkiaSharp;
using Yi.Framework.Ddd.Application;
using Yi.Framework.Rbac.Application.Contracts;
using Yi.Framework.Rbac.Domain;
@@ -21,7 +24,9 @@ namespace Yi.Framework.Rbac.Application
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
{
color: #7F438C;
color: #FFFFFF;
font-weight: normal;
}
.title-2
{
color: #7F438C;
color: #FFFFFF;
font-weight:bolder;
}
.input-content
@@ -118,7 +118,7 @@ height: 25px;
cursor: pointer;
}
.right-forgot:hover{
color: #7f438c;
color: #FFFFFF;
}
.bottom-div
{
@@ -151,7 +151,7 @@ align-items: flex-end;
.code-img
{
margin-left: 20px;
border: 0.8px solid #000;
border: 1px solid rgba(0, 255, 136, 0.2);
width: 150px;
height: 40px;
text-align: center;
@@ -177,18 +177,20 @@ align-items: flex-end;
}
.phone-code-btn
{
border: 0.8px solid #000;
text-align: center;
width: 100px;
height: 30px;
background-color: #EF6562;
color: #FFFFFF;
background-color: #00DB73;
color: #000000;
cursor: pointer;
margin-left: 20px;
}
.phone-code-btn:hover{
box-shadow: 0 10px 25px rgba(0, 255, 136, 0.3);
}
.register-title
{
color: #7F438C;
color: #FFFFFF;
font-weight:bolder;
font-size: 30px;
}