From 2f47c2a4ec2093b1bb9d06f5b3669c37f1dcbc75 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Thu, 16 May 2024 17:29:57 +0800
Subject: [PATCH] 列表页面筛选组件，调整横条日期选择样式
---
common/custom.scss | 138 +++++++++++++++++++++++++++++++++++++++++----
1 files changed, 125 insertions(+), 13 deletions(-)
diff --git a/common/custom.scss b/common/custom.scss
index af1a84f..a78ea0f 100644
--- a/common/custom.scss
+++ b/common/custom.scss
@@ -24,11 +24,23 @@
}
&.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;
}
}
}
@@ -63,6 +75,7 @@
box-sizing: border-box;
.layout-header__title {
font-size: 38px;
+ line-height: 46px;
}
}
.layout-body {
@@ -83,6 +96,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%;
@@ -99,6 +118,7 @@
.at-tabs-pane {
height: 100%;
font-size: 36px;
+ transform: translate3d(0, 0, 0);
}
}
}
@@ -116,8 +136,8 @@
visibility: visible;
&.at-radio__icon--checked {
.at-icon {
- background: #2093df;
- border-color: #2093df;
+ background: $colorStress;
+ border-color: $colorStress;
}
}
.at-icon {
@@ -145,6 +165,7 @@
max-width: 90%;
font-size: 36px;
.at-modal__content {
+ min-height: 60px;
font-size: 36px;
}
}
@@ -153,7 +174,12 @@
.at-modal__action button {
font-size: 36px;
&:last-child {
- color: #2093df;
+ color: $colorStress;
+ }
+ &[disabled] {
+ color: #fff;
+ background-color: #e6e6e6;
+ pointer-events: none;
}
}
}
@@ -176,6 +202,10 @@
height: 70px !important;
font-size: 36px !important;
line-height: 70px;
+ .weui-input {
+ height: 70px;
+ line-height: 70px;
+ }
}
.at-search-bar__clear {
height: 70px;
@@ -190,19 +220,101 @@
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%;
}
}
}
-.taro__toast,
-.taro__modal {
- word-break: break-word;
-}
-
.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;
+ }
+ }
}
}
@@ -212,7 +324,7 @@
.weui-picker__hd {
font-size: 36px;
.weui-picker__action:last-child {
- color: #2093df;
+ color: $colorStress;
}
}
}
--
Gitblit v1.9.1