From 68add461749ca1e7d471857ebe5939138beb8eae Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Tue, 15 Nov 2022 12:30:36 +0800
Subject: [PATCH] 优化动作面板组件样式，选项过多支持滑动
---
common/custom.scss | 88 +++++++++++++++++++++++++++++++++++++++++--
1 files changed, 83 insertions(+), 5 deletions(-)
diff --git a/common/custom.scss b/common/custom.scss
index 2852669..69b2f17 100644
--- a/common/custom.scss
+++ b/common/custom.scss
@@ -75,6 +75,7 @@
box-sizing: border-box;
.layout-header__title {
font-size: 38px;
+ line-height: 46px;
}
}
.layout-body {
@@ -95,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%;
@@ -111,6 +118,7 @@
.at-tabs-pane {
height: 100%;
font-size: 36px;
+ transform: translate3d(0, 0, 0);
}
}
}
@@ -157,6 +165,7 @@
max-width: 90%;
font-size: 36px;
.at-modal__content {
+ min-height: 60px;
font-size: 36px;
}
}
@@ -188,6 +197,10 @@
height: 70px !important;
font-size: 36px !important;
line-height: 70px;
+ .weui-input {
+ height: 70px;
+ line-height: 70px;
+ }
}
.at-search-bar__clear {
height: 70px;
@@ -202,6 +215,7 @@
font-size: 36px;
color: #FFF;
line-height: 70px;
+ background-color: $colorStress;
border-radius: 8px;
}
}
@@ -210,19 +224,83 @@
font-size: 36px;
}
}
-}
-
-.taro__toast,
-.taro__modal {
- word-break: break-word;
+ .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;
+ }
+ }
}
.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;
--
Gitblit v1.9.1