From 8317e320c373d5a08e8eaa95854cab828bd07ecd Mon Sep 17 00:00:00 2001 From: zhangxiaoxu123456 <zxx19900626> Date: 星期一, 11 四月 2022 16:07:05 +0800 Subject: [PATCH] 适配 --- src/assets/css/base.scss | 16 ++++++++-------- src/pages/show/index/index.vue | 14 +++++++------- 2 files changed, 15 insertions(+), 15 deletions(-) diff --git a/src/assets/css/base.scss b/src/assets/css/base.scss index 8297b5e..1662eb6 100644 --- a/src/assets/css/base.scss +++ b/src/assets/css/base.scss @@ -1,11 +1,11 @@ -$fontSize-20: 2rem; -$fontSize-24: 2.4rem; -$fontSize-26: 2.6rem; -$fontSize-28: 2.8rem; -$fontSize-30: 3rem; -$fontSize-32: 3.2rem; -$fontSize-38: 3.8rem; -$fontSize-48: 4.8rem; +$fontSize-20: 0.078125rem /* 20/256 */; +$fontSize-24: 0.09375rem /* 24/256 */; +$fontSize-26: 0.1015625rem /* 26/256 */; +$fontSize-28: 0.109375rem /* 28/256 */; +$fontSize-30: 0.1171875rem /* 30/256 */; +$fontSize-32: 0.125rem /* 32/256 */; +$fontSize-38: 0.1484375rem /* 38/256 */; +$fontSize-48: 0.1875rem /* 48/256 */; $color-blue: #51D2FF; $color-white: #fff; diff --git a/src/pages/show/index/index.vue b/src/pages/show/index/index.vue index 19be458..e2033e3 100644 --- a/src/pages/show/index/index.vue +++ b/src/pages/show/index/index.vue @@ -742,26 +742,26 @@ .index-wrap{ width: 100%; height: 100%; - padding: 0 2rem /* 10/10 */; + padding: 0 0.078125rem /* 20/256 */; box-sizing: border-box; .index-line-box{ width: 100%; display: flex; - margin-top: 3.2rem; + margin-top: 0.125rem /* 32/256 */; .yanglao-block{ - width: 59rem /* 590/10 */; - height: 23rem /* 230/10 */; + width: 2.3046875rem /* 590/256 */; + height: 0.8984375rem /* 230/256 */; background:url("../../../assets/images/yanglao-block-bj.png") no-repeat center; background-size: 100% 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; - margin: 0 2rem; + margin: 0 0.078125rem /* 20/256 */; position: relative; img{ - width: 8rem; - height: 8rem; + width: 0.3125rem /* 80/256 */; + height: 0.3125rem /* 80/256 */; } h1{ color: #fff; -- Gitblit v1.9.1