From db036e639065504d953706db84b979e1addceaeb Mon Sep 17 00:00:00 2001
From: chensiAb <chenchenco03@163.com>
Date: Thu, 07 Nov 2024 14:28:39 +0800
Subject: [PATCH] feat:inputPhoneCode组件添加重置显示按钮的方法
---
common/custom.scss | 247 +++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 226 insertions(+), 21 deletions(-)
diff --git a/common/custom.scss b/common/custom.scss
index dc045c5..a78ea0f 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,16 @@
width: 100%;
height: 84px;
box-sizing: border-box;
+ .layout-header__title {
+ font-size: 38px;
+ line-height: 46px;
+ }
}
.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%;
@@ -64,25 +96,29 @@
}
.at-list {
position: unset;
- }
- .weui-picker {
- font-size: 30px;
- .weui-picker__hd {
- font-size: 30px;
+ .item-content__info-note {
+ font-size: 34px;
+ }
+ .item-extra__info {
+ font-size: 36px;
}
}
.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 +129,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,13 +152,179 @@
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 {
+ min-height: 60px;
+ font-size: 36px;
+ }
+ }
+ .at-modal__footer {
+ .at-modal__action>taro-button-core,
+ .at-modal__action button {
+ font-size: 36px;
+ &:last-child {
+ color: $colorStress;
+ }
+ &[disabled] {
+ color: #fff;
+ background-color: #e6e6e6;
+ pointer-events: none;
+ }
+ }
+ }
+ }
+ .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;
+ .weui-input {
+ height: 70px;
+ 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;
+ background-color: $colorStress;
+ 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;
+ }
+ .at-action-sheet {
+ .at-action-sheet__container {
+ max-height: 90%;
+ overflow-y: scroll;
+ }
+ }
+ .at-steps {
+ .at-steps__single-icon {
+ width: 56px;
+ height: 56px;
+ }
+ .at-steps__right-line {
+ left: 80%;
+ }
+ .at-steps__left-line {
+ right: 80%;
+ }
+ }
}
-page {
- .at-tabs.at-tabs--horizontal {
- .at-tabs__body {
- .at-tabs-pane {
- margin-right: 0;
+.taro__toast {
+ word-break: break-word;
+ >div>p:last-child {
+ font-size: 36px !important;
+ }
+}
+
+.taro__modal {
+ word-break: break-word;
+ >div:nth-child(2) {
+ width: 72% !important;
+ border-radius: 12px !important;
+ >div:nth-child(1) {
+ position: relative;
+ padding: 18px 24px !important;
+ font-size: 40px !important;
+ &:after {
+ content: "";
+ width: 100%;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ height: 1px;
+ border-top: 1px solid #D5D5D6;
+ color: #D5D5D6;
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transform: scaleY(0.5);
+ transform: scaleY(0.5);
+ }
+ }
+ >div:nth-child(2) {
+ padding: 32px 24px !important;
+ min-height: 60px !important;
+ font-size: 36px !important;
+ color: inherit !important;
+ text-align: left;
+ }
+ }
+ .taro-modal__foot {
+ .taro-model__btn {
+ font-size: 36px !important;
+ &:last-child {
+ color: $colorStress !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