修改人机验证页面样式

This commit is contained in:
chenruiye
2025-03-18 16:04:58 +08:00
parent 9e4755e351
commit ebd5ab0ea1
2 changed files with 12 additions and 12 deletions

View File

@@ -10,7 +10,7 @@ body {
.header .txt { .header .txt {
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
font-size: 0.32rem; font-size: 0.3466666667rem;
color: #313131; color: #313131;
line-height: 0.64rem; line-height: 0.64rem;
text-align: left; text-align: left;
@@ -19,13 +19,13 @@ body {
} }
.header .name { .header .name {
color: #FF8C03; color: #FF8C03;
font-size: 0.5333333333rem; font-size: 0.64rem;
font-weight: 600; font-weight: 600;
} }
.content { .content {
display: grid; display: grid;
grid-template-columns: repeat(3, 2.6666666667rem); grid-template-columns: repeat(3, 1fr);
grid-gap: 0.2666666667rem; grid-gap: 0.2666666667rem;
padding: 0 0.3466666667rem; padding: 0 0.3466666667rem;
} }
@@ -40,8 +40,8 @@ body {
} }
.content .image-container .checkmark { .content .image-container .checkmark {
position: absolute; position: absolute;
bottom: 0.24rem; bottom: 0.1333333333rem;
right: 0.1333333333rem; right: 0.2666666667rem;
width: 0.4266666667rem; width: 0.4266666667rem;
height: 0.4266666667rem; height: 0.4266666667rem;
background-image: url("../images/yes.png"); background-image: url("../images/yes.png");
@@ -71,7 +71,7 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0.16rem 0.64rem; padding: 0.2133333333rem 0.64rem;
} }
.shadow { .shadow {

View File

@@ -14,7 +14,7 @@ body {
.txt { .txt {
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
font-size: px2rem(24); font-size: px2rem(26);
color: #313131; color: #313131;
line-height: px2rem(48); line-height: px2rem(48);
text-align: left; text-align: left;
@@ -24,14 +24,14 @@ body {
.name { .name {
color: #FF8C03; color: #FF8C03;
font-size: px2rem(40); font-size: px2rem(48);
font-weight: 600; font-weight: 600;
} }
} }
.content { .content {
display: grid; display: grid;
grid-template-columns: repeat(3, px2rem(200)); grid-template-columns: repeat(3, 1fr);
grid-gap: px2rem(20); grid-gap: px2rem(20);
padding: 0 px2rem(26); padding: 0 px2rem(26);
.image-container { .image-container {
@@ -46,8 +46,8 @@ body {
.checkmark { .checkmark {
position: absolute; position: absolute;
bottom: px2rem(18); bottom: px2rem(10);
right: px2rem(10); right: px2rem(20);
width: px2rem(32); width: px2rem(32);
height: px2rem(32); height: px2rem(32);
background-image: url('../images/yes.png'); // 替换为你的选中标记图标路径 background-image: url('../images/yes.png'); // 替换为你的选中标记图标路径
@@ -82,7 +82,7 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: px2rem(12) px2rem(48); padding: px2rem(16) px2rem(48);
} }
} }