From 3bfd69b33ad6b5c7c5ada276809da8f27c403d74 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Thu, 20 Jan 2022 11:38:45 +0800
Subject: [PATCH] 调整 tab 公共样式
---
common/custom.scss | 154 +++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 130 insertions(+), 24 deletions(-)
diff --git a/common/custom.scss b/common/custom.scss
index 9043603..8b2e9eb 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,16 +15,44 @@
}
.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;
+ border: 1PX solid $colorStress;
+ background: $colorStress;
+ &.btn-success {
+ border: 1PX solid $colorSuccess;
+ background: $colorSuccess;
+ }
+ &.btn-info {
+ border: 1PX solid $colorInfo;
+ background: $colorInfo;
+ }
+ &.btn-warning {
+ border: 1PX solid $colorWarning;
+ background: $colorWarning;
+ }
&.btn-danger {
- border: 1PX solid #FF5722;
- background: #FF5722;
+ border: 1PX solid $colorDanger;
+ background: $colorDanger;
+ }
+ }
+ }
+ .at-input {
+ .at-input__title {
+ width: 162px;
+ font-size: 36px;
+ }
+ .at-input__input {
+ font-size: 36px;
+ .weui-input {
+ font-size: 36px;
}
}
}
@@ -32,7 +60,7 @@
.weui-input {
height: 100%;
border: none;
- font-size: 30px;
+ font-size: 36px;
}
}
.at-float-layout {
@@ -45,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%;
@@ -65,24 +96,22 @@
.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;
+ transform: translate3d(0, 0, 0);
}
}
}
@@ -93,12 +122,15 @@
.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;
+ background: $colorStress;
+ border-color: $colorStress;
}
}
.at-icon {
@@ -113,14 +145,70 @@
display: none;
}
}
-}
-
-page {
- .at-tabs.at-tabs--horizontal {
- .at-tabs__body {
- .at-tabs-pane {
- margin-right: 0;
+ .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: $colorStress;
+ }
+ }
+ }
+ }
+ .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;
+ }
+ }
+ .at-activity-indicator {
+ .at-activity-indicator__content {
+ font-size: 36px;
}
}
}
@@ -128,4 +216,22 @@
.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: $colorStress;
+ }
+ }
+ }
}
\ No newline at end of file
--
Gitblit v1.9.1