From db056243d76f4de50c9ac4936057bd13bfbd4bdc Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 05 Jan 2022 14:06:01 +0800
Subject: [PATCH] 完善公共样式
---
common/custom.scss | 193 +++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 173 insertions(+), 20 deletions(-)
diff --git a/common/custom.scss b/common/custom.scss
index 81fb587..2852669 100644
--- a/common/custom.scss
+++ b/common/custom.scss
@@ -3,31 +3,64 @@
* @author Tevin
*/
-@import "../components/common/sassMixin";
+@import "./sassMixin";
-.taro-tabbar__container {
- font-size: 0.65rem;
+.taro_page,
+page {
+ 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: 0.9rem;
- }
- }
.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 $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 $colorDanger;
+ background: $colorDanger;
+ }
+ }
+ }
+ .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: 0.65rem;
+ font-size: 36px;
}
}
.at-float-layout {
@@ -40,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: 0.65rem;
+ font-size: 36px;
box-sizing: border-box;
&:first-child {
height: 100%;
@@ -60,23 +96,140 @@
.at-list {
position: unset;
}
- .weui-picker {
- font-size: 0.65rem;
- .weui-picker__hd {
- font-size: 0.65rem;
- }
- }
.at-tabs.at-tabs--horizontal {
height: 100%;
.at-tabs__header {
- height: 1.9rem;
- line-height: 1.15rem;
+ height: 96px;
+ line-height: 52px;
+ .at-tabs__item {
+ font-size: 36px;
+ }
}
.at-tabs__body {
- height: calc(100% - 1.9rem);
+ height: calc(100% - 90px);
+ font-size: 0;
.at-tabs-pane {
height: 100%;
- margin-right: 1%;
+ 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: $colorStress;
+ border-color: $colorStress;
+ }
+ }
+ .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: $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;
+ }
+ }
+}
+
+.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;
}
}
}
--
Gitblit v1.9.1