From 6a9046adbdac502e3df63bbd8e196f4b1a7a585f Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Thu, 02 Dec 2021 10:14:52 +0800 Subject: [PATCH] 增加按钮可用颜色 --- common/custom.scss | 179 ++++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 157 insertions(+), 22 deletions(-) diff --git a/common/custom.scss b/common/custom.scss index e96fcb2..0c3e9a0 100644 --- a/common/custom.scss +++ b/common/custom.scss @@ -7,28 +7,60 @@ .taro_page, page { - font-size: 30px; + font-size: 36px; color: #333; textarea { font-size: inherit; font-family: -apple-system-font, Helvetica Neue, sans-serif; } - .at-nav-bar { - .at-nav-bar__title { - font-size: 42px; - } - } .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-success { + border: 1PX solid #22c322; + background: #22c322; + } + &.btn-info { + border: 1PX solid #05b7c7; + background: #05b7c7; + } + &.btn-warning { + border: 1PX solid #db9d00; + background: #db9d00; + } + &.btn-danger { + border: 1PX solid #FF5722; + background: #FF5722; + } + } + } + .at-input { + .at-input__title { + width: 162px; + 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 { @@ -41,12 +73,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%; @@ -61,35 +96,135 @@ .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%; - margin-right: 2%; - font-size: 30px; + font-size: 36px; } + } + } + .at-radio { + .at-radio__option { + padding-left: 0; + } + .at-radio__option-wrap { + padding-left: 32px; + } + .at-radio__title { + font-size: 36px; + } + .at-radio__icon { + visibility: visible; + &.at-radio__icon--checked { + .at-icon { + background: #2093df; + border-color: #2093df; + } + } + .at-icon { + color: #fff; + border: #bbb 1px solid; + border-radius: 50%; + padding: 5px; + } + } + &::before, + &::after { + display: none; + } + } + .at-checkbox { + .at-checkbox__title { + font-size: 36px; + } + } + .at-modal { + .at-modal__header { + font-size: 40px; + } + .at-modal__container { + max-width: 90%; + font-size: 36px; + .at-modal__content { + font-size: 36px; + } + } + .at-modal__footer { + .at-modal__action>taro-button-core, + .at-modal__action button { + font-size: 36px; + &:last-child { + color: #2093df; + } + } + } + } + .at-search-bar { + height: 94px; + .at-search-bar__input-cnt { + height: 70px; + border-radius: 35px; + .at-search-bar__placeholder-wrap { + height: 70px; + } + .at-icon-search { + font-size: 36px; + } + .at-search-bar__placeholder { + font-size: 36px; + } + .at-search-bar__input { + height: 70px !important; + font-size: 36px !important; + line-height: 70px; + } + .at-search-bar__clear { + height: 70px; + width: 50px; + font-size: 36px; + } + } + .at-search-bar__action { + height: 70px; + margin-left: 20px; + padding: 0 20px; + font-size: 36px; + color: #FFF; + line-height: 70px; + border-radius: 8px; } } } -page { - .at-tabs.at-tabs--horizontal { - .at-tabs__body { - .at-tabs-pane { - margin-right: 0; +.taro__toast, +.taro__modal { + word-break: break-word; +} + +.taro__toast { + >div>p:last-child { + font-size: 36px !important; + } +} + +.weui-picker__overlay { + .weui-picker { + font-size: 32px; + .weui-picker__hd { + font-size: 36px; + .weui-picker__action:last-child { + color: #2093df; } } } -- Gitblit v1.9.1