style: 优化验证码样式
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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 |
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user