From 9cda914242234dd0673a31c6f5dc7a90aa4ad1f1 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Mon, 14 Mar 2022 14:45:52 +0800
Subject: [PATCH] 完善数字增减框的交互功能设计，修复TaroUI数字框的输入问题
---
common/custom.scss | 117 +++++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 102 insertions(+), 15 deletions(-)
diff --git a/common/custom.scss b/common/custom.scss
index 5f5e01d..1b4cd10 100644
--- a/common/custom.scss
+++ b/common/custom.scss
@@ -24,16 +24,29 @@
}
&.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 {
@@ -82,6 +95,12 @@
}
.at-list {
position: unset;
+ .item-content__info-note {
+ font-size: 34px;
+ }
+ .item-extra__info {
+ font-size: 36px;
+ }
}
.at-tabs.at-tabs--horizontal {
height: 100%;
@@ -98,6 +117,7 @@
.at-tabs-pane {
height: 100%;
font-size: 36px;
+ transform: translate3d(0, 0, 0);
}
}
}
@@ -108,12 +128,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 {
@@ -128,32 +151,90 @@
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;
+ color: $colorStress;
}
}
}
}
-}
-
-page {
- .at-tabs.at-tabs--horizontal {
- .at-tabs__body {
- .at-tabs-pane {
- margin-right: 0;
+ .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;
+ }
+ }
+ .at-divider {
+ .at-divider__content {
+ font-size: 36px;
+ }
+ }
+ .at-card {
+ .at-card__header-title {
+ font-size: 36px;
+ }
+ .at-card__header-extra {
+ font-size: 36px;
+ }
+ .at-card__content-info {
+ font-size: 36px;
+ }
+ }
+ .at-tag {
+ font-size: 36px;
}
}
@@ -162,13 +243,19 @@
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;
+ color: $colorStress;
}
}
}
--
Gitblit v1.9.1