feat：v1.4前端更新

admin/src/assets/fonts/font.css

@@ -0,0 +1,19 @@
+@font-face {
+  font-family: 'dinProSemiBold';
+  src: url('./D-DIN-PRO-600-SemiBold.otf');
+}
+@font-face {
+  font-family: 'dinProRegular';
+  src: url('./D-DIN-PRO-400-Regular.otf');
+}
+
+.semiBold {
+  font-family: 'dinProSemiBold';
+}
+.regular {
+  font-family: 'dinProRegular';
+}
+.pingFang {
+  font-family: 'PingFang SC, PingFang SC';
+  font-weight: 500;
+}

admin/src/assets/imgs/dark.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1" 
+    xmlns="http://www.w3.org/2000/svg" 
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
+        <filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="配置面板" width="48" height="40" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="setting-copy-2" width="48" height="40" transform="translate(-1190.000000, -136.000000)">
+            <g id="Group-8" width="48" height="40" transform="translate(1167.000000, 0.000000)">
+                <g id="Group-5-Copy-5" filter="url(#filter-1)" transform="translate(25.000000, 137.000000)">
+                    <mask id="mask-3" fill="white">
+                        <use xlink:href="#path-2"></use>
+                    </mask>
+                    <g id="Rectangle-18">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
+                        <use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    </g>
+                    <rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
+                    <rect id="Rectangle-18" fill="#303648" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

admin/src/assets/imgs/light.svg

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="40px" viewBox="0 0 48 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>light</title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="48" height="40" rx="4"></rect>
+        <rect id="path-3" x="0" y="0" width="48" height="40" rx="4"></rect>
+    </defs>
+    <g id="后台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="light">
+            <g id="Rectangle-18">
+                <g id="path-2-link" fill="#000000" fill-rule="nonzero">
+                    <rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
+                </g>
+                <g id="path-2-link" fill="#F0F2F5">
+                    <rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
+                </g>
+            </g>
+            <g id="Rectangle-11-Clipped">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="path-2"></g>
+                <rect id="Rectangle-11" fill="#FFFFFF" fill-rule="nonzero" mask="url(#mask-2)" x="0" y="0" width="48" height="10"></rect>
+            </g>
+            <g id="Rectangle-18-Clipped">
+                <mask id="mask-4" fill="white">
+                    <use xlink:href="#path-3"></use>
+                </mask>
+                <g id="path-2"></g>
+                <rect id="Rectangle-18" fill="#2B68C9" fill-rule="nonzero" mask="url(#mask-4)" x="0" y="0" width="16" height="40"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

admin/src/assets/js/canvas-nest.min.js

@@ -1,85 +1,113 @@
 // JavaScript Document
-! function() {
-    function o(w, v, i) {
-        return w.getAttribute(v) || i
-    }
+!(function () {
+  function o(w, v, i) {
+    return w.getAttribute(v) || i;
+  }
 
-    function j(i) {
-        return document.getElementsByTagName(i)
-    }
+  function j(i) {
+    return document.getElementsByTagName(i);
+  }
 
-    function l() {
-        var i = j("script"),
-            w = i.length,
-            v = i[w - 1];
-        return {
-            l: w,
-            z: o(v, "zIndex", -2),
-            o: o(v, "opacity", 0.8),
-            c: o(v, "color", "255,255,255"),
-            n: o(v, "count", 240)
-        }
-    }
-
-    function k() {
-        r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
-    }
-
-    function b() {
-        delay = delay + 1;
-        if( delay < 5 ) { m(b) } else { delay = 0;
-            e.clearRect(0, 0, r, n);
-            var w = [f].concat(t);
-            var x, v, A, B, z, y;
-            t.forEach(function(i) {
-                i.x += i.xa, i.y += i.ya, i.xa *= i.x > r || i.x < 0 ? -1 : 1, i.ya *= i.y > n || i.y < 0 ? -1 : 1, e.fillRect(i.x - 0.5, i.y - 0.5, 2, 2);e.fillStyle="#FFFFFF";
-                for (v = 0; v < w.length; v++) {
-                    x = w[v];
-                    if (i !== x && null !== x.x && null !== x.y) {
-                        B = i.x - x.x, z = i.y - x.y, y = B * B + z * z;
-                        y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.03 * B, i.y -= 0.03 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = "rgba(" + s.c + "," + (A + 0.2) + ")", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke())
-                    }
-                }
-                w.splice(w.indexOf(i), 1)
-            }), m(b) }
-    }
-    var u = document.createElement("canvas"),
-        s = l(),
-        c = "c_n" + s.l,
-        e = u.getContext("2d"),
-        delay = 0,
-        r, n, m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(i) {
-            window.setTimeout(i, 1000 / 45)
-        },
-        a = Math.random,
-        f = {
-            x: null,
-            y: null,
-            max: 20000
-        }
-    u.id = c;
-    u.style.cssText = "position:fixed;top:0;left:0;z-index:" + s.z + ";opacity:" + s.o;
-    j("body")[0].appendChild(u);
-    k(), window.onresize = k;
-    window.onmousemove = function(i) {
-        i = i || window.event, f.x = i.clientX, f.y = i.clientY
-    }, window.onmouseout = function() {
-        f.x = null, f.y = null
+  function l() {
+    var i = j('script'),
+      w = i.length,
+      v = i[w - 1];
+    return {
+      l: w,
+      z: o(v, 'zIndex', -2),
+      o: o(v, 'opacity', 0.8),
+      c: o(v, 'color', '255,255,255'),
+      n: o(v, 'count', 240),
     };
-    for (var t = [], p = 0; s.n > p; p++) {
-        var h = a() * r,
-            g = a() * n,
-            q = 2 * a() - 1,
-            d = 2 * a() - 1;
-        t.push({
-            x: h,
-            y: g,
-            xa: q,
-            ya: d,
-            max: 6000
-        })
+  }
+
+  function k() {
+    (r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth),
+      (n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight);
+  }
+
+  function b() {
+    delay = delay + 1;
+    if (delay < 5) {
+      m(b);
+    } else {
+      delay = 0;
+      e.clearRect(0, 0, r, n);
+      var w = [f].concat(t);
+      var x, v, A, B, z, y;
+      t.forEach(function (i) {
+        (i.x += i.xa),
+          (i.y += i.ya),
+          (i.xa *= i.x > r || i.x < 0 ? -1 : 1),
+          (i.ya *= i.y > n || i.y < 0 ? -1 : 1),
+          e.fillRect(i.x - 0.5, i.y - 0.5, 2, 2);
+        e.fillStyle = '#FFFFFF';
+        for (v = 0; v < w.length; v++) {
+          x = w[v];
+          if (i !== x && null !== x.x && null !== x.y) {
+            (B = i.x - x.x), (z = i.y - x.y), (y = B * B + z * z);
+            y < x.max &&
+              (x === f && y >= x.max / 2 && ((i.x -= 0.03 * B), (i.y -= 0.03 * z)),
+              (A = (x.max - y) / x.max),
+              e.beginPath(),
+              (e.lineWidth = A / 2),
+              (e.strokeStyle = 'rgba(' + s.c + ',' + (A + 0.2) + ')'),
+              e.moveTo(i.x, i.y),
+              e.lineTo(x.x, x.y),
+              e.stroke());
+          }
+        }
+        w.splice(w.indexOf(i), 1);
+      }),
+        m(b);
     }
-    setTimeout(function() {
-        b()
-    }, 100)
-}();
+  }
+  var u = document.createElement('canvas'),
+    s = l(),
+    c = 'c_n' + s.l,
+    e = u.getContext('2d'),
+    delay = 0,
+    r,
+    n,
+    m =
+      window.requestAnimationFrame ||
+      window.webkitRequestAnimationFrame ||
+      window.mozRequestAnimationFrame ||
+      window.oRequestAnimationFrame ||
+      window.msRequestAnimationFrame ||
+      function (i) {
+        window.setTimeout(i, 1000 / 45);
+      },
+    a = Math.random,
+    f = {
+      x: null,
+      y: null,
+      max: 20000,
+    };
+  u.id = c;
+  u.style.cssText = 'position:fixed;top:0;left:0;z-index:' + s.z + ';opacity:' + s.o;
+  j('body')[0].appendChild(u);
+  k(), (window.onresize = k);
+  (window.onmousemove = function (i) {
+    (i = i || window.event), (f.x = i.clientX), (f.y = i.clientY);
+  }),
+    (window.onmouseout = function () {
+      (f.x = null), (f.y = null);
+    });
+  for (var t = [], p = 0; s.n > p; p++) {
+    var h = a() * r,
+      g = a() * n,
+      q = 2 * a() - 1,
+      d = 2 * a() - 1;
+    t.push({
+      x: h,
+      y: g,
+      xa: q,
+      ya: d,
+      max: 6000,
+    });
+  }
+  setTimeout(function () {
+    b();
+  }, 100);
+})();

admin/src/assets/js/media_750.js

@@ -6,7 +6,7 @@
   function setBodyFontSize() {
     if (document.body) {
     } else {
-      document.addEventListener("DOMContentLoaded", setBodyFontSize);
+      document.addEventListener('DOMContentLoaded', setBodyFontSize);
     }
   }
   setBodyFontSize();
@@ -14,14 +14,14 @@
   // set 1rem = viewWidth / 10
   function setRemUnit() {
     var rem = docEl.clientWidth / 7.5;
-    docEl.style.fontSize = rem + "px";
+    docEl.style.fontSize = rem + 'px';
   }
 
   setRemUnit();
 
   // reset rem unit on page resize
-  window.addEventListener("resize", setRemUnit);
-  window.addEventListener("pageshow", function(e) {
+  window.addEventListener('resize', setRemUnit);
+  window.addEventListener('pageshow', function (e) {
     if (e.persisted) {
       setRemUnit();
     }
@@ -29,34 +29,33 @@
 
   // detect 0.5px supports
   if (dpr >= 2) {
-    var fakeBody = document.createElement("body");
-    var testElement = document.createElement("div");
-    testElement.style.border = ".5px solid transparent";
+    var fakeBody = document.createElement('body');
+    var testElement = document.createElement('div');
+    testElement.style.border = '.5px solid transparent';
     fakeBody.appendChild(testElement);
     docEl.appendChild(fakeBody);
     if (testElement.offsetHeight === 1) {
-      docEl.classList.add("hairlines");
+      docEl.classList.add('hairlines');
     }
     docEl.removeChild(fakeBody);
   }
 
-    if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
-        handleFontSize();
-    } else {
-        if (document.addEventListener) {
-            document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
-        } else if (document.attachEvent) {
-            document.attachEvent("WeixinJSBridgeReady", handleFontSize);
-            document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
-        }
+  if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
+    handleFontSize();
+  } else {
+    if (document.addEventListener) {
+      document.addEventListener('WeixinJSBridgeReady', handleFontSize, false);
+    } else if (document.attachEvent) {
+      document.attachEvent('WeixinJSBridgeReady', handleFontSize);
+      document.attachEvent('onWeixinJSBridgeReady', handleFontSize);
     }
-    function handleFontSize() {
-        // 设置网页字体为默认大小
-        WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
-        // 重写设置网页字体大小的事件
-        WeixinJSBridge.on('menu:setfont', function() {
-            WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
-        });
-    }
-
+  }
+  function handleFontSize() {
+    // 设置网页字体为默认大小
+    WeixinJSBridge.invoke('setFontSizeCallback', { fontSize: 0 });
+    // 重写设置网页字体大小的事件
+    WeixinJSBridge.on('menu:setfont', function () {
+      WeixinJSBridge.invoke('setFontSizeCallback', { fontSize: 0 });
+    });
+  }
 })(window, document);