From f013e9fd5c22122faa243ad126d303153a455c06 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Mon, 22 Nov 2021 10:51:54 +0800
Subject: [PATCH] 弹窗组件，兼容超大字体模式

---
 common/custom.scss |  131 +++++++++++++++++++++++++++++++++++++------
 1 files changed, 111 insertions(+), 20 deletions(-)

diff --git a/common/custom.scss b/common/custom.scss
index 943576b..789ca85 100644
--- a/common/custom.scss
+++ b/common/custom.scss
@@ -5,29 +5,49 @@
 
 @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 #2093df;
+            background: #2093df;
+            &.btn-danger {
+                border: 1PX solid #FF5722;
+                background: #FF5722;
+            }
+        }
+    }
+    .at-input {
+        .at-input__title {
+            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 +60,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,25 +83,93 @@
     .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: 2%;
-                font-size: 0.65rem;
+                font-size: 36px;
+            }
+        }
+    }
+    .at-radio {
+        .at-radio__option {
+            padding-left: 0;
+        }
+        .at-radio__option-wrap {
+            padding-left: 32px;
+        }
+        .at-radio__icon {
+            visibility: visible;
+            &.at-radio__icon--checked {
+                .at-icon {
+                    background: #2093df;
+                    border-color: #2093df;
+                }
+            }
+            .at-icon {
+                color: #fff;
+                border: #bbb 1px solid;
+                border-radius: 50%;
+                padding: 5px;
+            }
+        }
+        &::before,
+        &::after {
+            display: none;
+        }
+    }
+    .at-modal {
+        .at-modal__header {
+            font-size: 40px;
+        }
+        .at-modal__container {
+            max-width: 90%;
+            font-size: 36px;
+        }
+        .at-modal__footer {
+            .at-modal__action>taro-button-core,
+            .at-modal__action button {
+                font-size: 36px;
+                &:last-child {
+                    color: #2093df;
+                }
+            }
+        }
+    }
+}
+
+page {
+    .at-tabs.at-tabs--horizontal {
+        .at-tabs__body {
+            .at-tabs-pane {
+                margin-right: 0;
+            }
+        }
+    }
+}
+
+.taro__toast,
+.taro__modal {
+    word-break: break-word;
+}
+
+.weui-picker__overlay {
+    .weui-picker {
+        font-size: 32px;
+        .weui-picker__hd {
+            font-size: 36px;
+            .weui-picker__action:last-child {
+                color: #2093df;
             }
         }
     }

--
Gitblit v1.9.1