style: toast

Tencent · Aug 19, 2019 · 5a0bee8 · 5a0bee8
1 parent 0c3b3e5
commit 5a0bee8
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 14 deletions.
diff --git a/dist/style/weui.css b/dist/style/weui.css
diff --git a/dist/style/weui.min.css b/dist/style/weui.min.css
diff --git a/src/style/widget/weui-tips/weui-toast.less b/src/style/widget/weui-tips/weui-toast.less
@@ -19,18 +19,22 @@
 .weui-toast {
     position: fixed;
     z-index: 5000;
-    width: 7.6em;
-    min-height: 7.6em;
+    width: 120px;
+    height: 120px;
     top: 180px;
     left: 50%;
-    margin-left: -3.8em;
+    margin-left: -60px;
     background: rgba(17,17,17,0.7);
     text-align: center;
     border-radius: 5px;
     color: #FFFFFF;
+
+    display:flex;
+    flex-direction:column;
+    align-items:center;
+    justify-content:center;
 }
 .weui-icon_toast {
-    margin: 24px 0 0;
     display: block;
     &.weui-icon-success-no-circle{
       &:before {
@@ -39,14 +43,13 @@
       }
     }
     &.weui-loading{
-      margin:32px 0 0;
+      margin:8px 0;
       width:38px;
       height:38px;
       vertical-align: baseline;
     }
 }
 
 .weui-toast__content {
-    margin: 0 0 16px;
     font-size:14px;
 }