样式修改

frontend/saas-portal-web/src/pages/invitation_mobile_join/invitation_mobile_join.html

@@ -171,7 +171,7 @@
             function addToast(msg,type){
                 $.Toast("", msg, type, {
                 	stack: false,
-                    has_icon:false,
+                    has_icon:true,
                     has_close_btn:false,
                     fullscreen:false,
                     timeout:2000,

frontend/saas-portal-web/static/css/toast.style.css

@@ -20,7 +20,7 @@ i {
   -moz-osx-font-smoothing: grayscale; }
 
 .toast-icon-error:before {
-  content: ""; }
+  content: "×"; }
 
 .toast-icon-info:before {
   content: ""; }
@@ -29,10 +29,10 @@ i {
   content: ""; }
 
 .toast-icon-success:before {
-  content: ""; }
+  content: "√"; }
 
 .toast-icon-warning:before {
-  content: ""; }
+  content: "!"; }
 
 .toast-item-wrapper {
   min-width: 250px;
@@ -45,13 +45,15 @@ i {
   -ms-user-select: none;
   user-select: none; }
   .toast-item-wrapper i.toast-icon {
+    border-radius: 30px;
+    border: 1px solid #bdbdbd;
     position: absolute;
-    top: 12px;
-    left: 0;
-    width: 50px;
+    top: 4px;
+    left: 20px;
+    width: 24px;
     text-align: center;
     vertical-align: middle;
-    font-size: 2rem; }
+    font-size: 20px; }
   .toast-item-wrapper .toast-close {
     font-size: 1.2rem;
     position: absolute;
@@ -61,11 +63,27 @@ i {
     text-align: center;
     cursor: pointer; }
   .toast-item-wrapper.success {
-    background-color: #29ab9f;
-    border: 1px solid #1a9581; }
+    border-radius: 30px;
+    border: 1px solid #bdbdbd;
+    position: absolute;
+    top: 4px;
+    left: 20px;
+    width: 24px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 20px;
+  }
   .toast-item-wrapper.error {
-    background-color: #ff7946;
-    border: 1px solid #f35818; }
+    border-radius: 30px;
+    border: 1px solid #bdbdbd;
+    position: absolute;
+    top: 4px;
+    left: 20px;
+    width: 24px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 20px;
+  }
   .toast-item-wrapper.warning {
     background-color: #fff1c0;
     border: 1px solid #f0c948;
@@ -83,6 +101,12 @@ i {
     right: 20px;
     top: 20px; }
   .toast-item-wrapper.toast-top-center {
+    font-size: 15px;
+    padding: 5px;
+    color: #fff;
+    opacity: 0.39;
+    background: #050505;
+    border-radius: 8px;
     min-width: 240px !important;
     position: absolute;
     margin-left: 5px;
@@ -111,7 +135,7 @@ i {
     margin: 0; }
   .toast-item-wrapper .toast-message {
     text-align: center;
-    font-size: 0.87rem; }
+    font-size: 15px; }
   .toast-item-wrapper .toast-progress {
     width: 0;
     height: 3px;