diff --git a/view/molistar/modules/humanMachineVerification/css/index.css b/view/molistar/modules/humanMachineVerification/css/index.css index 49d68ba..33f45d1 100644 --- a/view/molistar/modules/humanMachineVerification/css/index.css +++ b/view/molistar/modules/humanMachineVerification/css/index.css @@ -10,7 +10,7 @@ body { .header .txt { font-family: PingFang SC, PingFang SC; font-weight: 500; - font-size: 0.32rem; + font-size: 0.3466666667rem; color: #313131; line-height: 0.64rem; text-align: left; @@ -19,13 +19,13 @@ body { } .header .name { color: #FF8C03; - font-size: 0.5333333333rem; + font-size: 0.64rem; font-weight: 600; } .content { display: grid; - grid-template-columns: repeat(3, 2.6666666667rem); + grid-template-columns: repeat(3, 1fr); grid-gap: 0.2666666667rem; padding: 0 0.3466666667rem; } @@ -40,8 +40,8 @@ body { } .content .image-container .checkmark { position: absolute; - bottom: 0.24rem; - right: 0.1333333333rem; + bottom: 0.1333333333rem; + right: 0.2666666667rem; width: 0.4266666667rem; height: 0.4266666667rem; background-image: url("../images/yes.png"); @@ -71,7 +71,7 @@ body { display: flex; align-items: center; justify-content: center; - padding: 0.16rem 0.64rem; + padding: 0.2133333333rem 0.64rem; } .shadow { diff --git a/view/molistar/modules/humanMachineVerification/css/index.scss b/view/molistar/modules/humanMachineVerification/css/index.scss index d7a79a2..309aaff 100644 --- a/view/molistar/modules/humanMachineVerification/css/index.scss +++ b/view/molistar/modules/humanMachineVerification/css/index.scss @@ -14,7 +14,7 @@ body { .txt { font-family: PingFang SC, PingFang SC; font-weight: 500; - font-size: px2rem(24); + font-size: px2rem(26); color: #313131; line-height: px2rem(48); text-align: left; @@ -24,14 +24,14 @@ body { .name { color: #FF8C03; - font-size: px2rem(40); + font-size: px2rem(48); font-weight: 600; } } .content { display: grid; - grid-template-columns: repeat(3, px2rem(200)); + grid-template-columns: repeat(3, 1fr); grid-gap: px2rem(20); padding: 0 px2rem(26); .image-container { @@ -46,8 +46,8 @@ body { .checkmark { position: absolute; - bottom: px2rem(18); - right: px2rem(10); + bottom: px2rem(10); + right: px2rem(20); width: px2rem(32); height: px2rem(32); background-image: url('../images/yes.png'); // 替换为你的选中标记图标路径 @@ -82,7 +82,7 @@ body { display: flex; align-items: center; justify-content: center; - padding: px2rem(12) px2rem(48); + padding: px2rem(16) px2rem(48); } }