luolei 4 年之前
父节点
当前提交
30e30bfe16
共有 5 个文件被更改,包括 31 次插入4 次删除
  1. 17 1
      src/css/common.less
  2. 1 1
      src/css/console.less
  3. 二进制
      src/images/success.png
  4. 1 1
      src/js/login.js
  5. 12 1
      src/js/modal.js

+ 17 - 1
src/css/common.less

@@ -217,7 +217,23 @@ input:-ms-input-placeholder, textarea:-ms-input-placeholder {
     color: #aaa;
 }
 
-
+.modaltipSuc {
+    position: fixed;
+    top: 40%;
+    left: 50%;
+    padding: 10px 30px;
+    border-radius: 3px;
+    color: #fff;
+    background: rgba(0, 0, 0, .6);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
+    img {
+      display: block;
+      width: 40px;
+      text-align: center;
+      margin-left: 8px;
+      margin-bottom: 8px;
+    }
+  }
 
 .filterItem{
     margin-right: 30px !important;

+ 1 - 1
src/css/console.less

@@ -677,7 +677,7 @@ div.console {
   cursor: pointer;
   position: absolute;
   right: 10px;
-  top: 4px;
+  top: 6px;
   p {
     width: 100px;
     height: 26px;

二进制
src/images/success.png


+ 1 - 1
src/js/login.js

@@ -54,7 +54,7 @@ function sureLogin(){
      
       localStorage.setItem('accessToken',data.data.accessToken)
       $(".divModal").remove()
-      $.alerModal({"message":"登录成功",type:"tip",time:'1000'});
+      $.alerModal({"message":"登录成功",type:"tip",time:'1000',win:true});
       setTimeout(() => {
         window.location.href = '/index.html'
       }, 600);

+ 12 - 1
src/js/modal.js

@@ -2,6 +2,7 @@ const jQuery = require('jquery');
 
 (function ($) {
     let close = require("../images/icon_close_default.png")
+    let suc = require("../images/success.png")
     let loadingImg = require("../images/loading.gif")
     $.alerModal = function (options) {
         var dft = {
@@ -35,8 +36,18 @@ const jQuery = require('jquery');
                 </div>
             </div>
         `
+        // var tip = `
+        //     <div class="modaltip">${ops.message}</div>
+        // `
         var tip = `
-            <div class="modaltip">${ops.message}</div>
+            ${ops.win?`
+            <div class="modaltipSuc">
+                <img src="${suc}" />
+                ${ops.message}
+            </div>`:`
+            <div class="modaltip">
+                ${ops.message}
+            </div>`}
         `
         var loading = `
             <div class="loading"><img src="${loadingImg}" alt=""></div>