From f013e9fd5c22122faa243ad126d303153a455c06 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Mon, 22 Nov 2021 10:51:54 +0800 Subject: [PATCH] 弹窗组件,兼容超大字体模式 --- common/custom.scss | 81 +++++++++++++++++++++++++++++++++++----- 1 files changed, 70 insertions(+), 11 deletions(-) diff --git a/common/custom.scss b/common/custom.scss index 9fbb0f2..789ca85 100644 --- a/common/custom.scss +++ b/common/custom.scss @@ -7,7 +7,7 @@ .taro_page, page { - font-size: 30px; + font-size: 36px; color: #333; textarea { font-size: inherit; @@ -15,15 +15,39 @@ } .at-button { display: inline-block; + font-size: 36px; + &.at-button--small { + line-height: 56px; + } &.at-button--full { display: flex; + } + &.at-button--primary { + color: #FFF; + border: 1PX solid #2093df; + background: #2093df; + &.btn-danger { + border: 1PX solid #FF5722; + background: #FF5722; + } + } + } + .at-input { + .at-input__title { + font-size: 36px; + } + .at-input__input { + font-size: 36px; + .weui-input { + font-size: 36px; + } } } .at-input-number { .weui-input { height: 100%; border: none; - font-size: 30px; + font-size: 36px; } } .at-float-layout { @@ -36,12 +60,15 @@ width: 100%; height: 84px; box-sizing: border-box; + .layout-header__title { + font-size: 38px; + } } .layout-body { width: 100%; height: calc(100% - 84px); max-height: 100%; - font-size: 30px; + font-size: 36px; box-sizing: border-box; &:first-child { height: 100%; @@ -56,24 +83,21 @@ .at-list { position: unset; } - .weui-picker { - font-size: 30px; - .weui-picker__hd { - font-size: 30px; - } - } .at-tabs.at-tabs--horizontal { height: 100%; .at-tabs__header { - height: 90px; + height: 96px; line-height: 52px; + .at-tabs__item { + font-size: 36px; + } } .at-tabs__body { height: calc(100% - 90px); font-size: 0; .at-tabs-pane { height: 100%; - font-size: 30px; + font-size: 36px; } } } @@ -104,6 +128,24 @@ display: none; } } + .at-modal { + .at-modal__header { + font-size: 40px; + } + .at-modal__container { + max-width: 90%; + font-size: 36px; + } + .at-modal__footer { + .at-modal__action>taro-button-core, + .at-modal__action button { + font-size: 36px; + &:last-child { + color: #2093df; + } + } + } + } } page { @@ -114,4 +156,21 @@ } } } +} + +.taro__toast, +.taro__modal { + word-break: break-word; +} + +.weui-picker__overlay { + .weui-picker { + font-size: 32px; + .weui-picker__hd { + font-size: 36px; + .weui-picker__action:last-child { + color: #2093df; + } + } + } } \ No newline at end of file -- Gitblit v1.9.1