优化首屏加载
Former-commit-id: fd7950a8a68a49c53f36d423fe0b298593a52b9b Former-commit-id: 3f101ce3fd1393a4e218fa29cb6074ef1b7adc79 Former-commit-id: 801c1e8b41b3f15cffba421160b2b0529084dcbb Former-commit-id: 1da627eb3dba8426f5134112bdac6a0d7ae995f1 [formerly eed4473502064e2953411e965e4c4db6986870b6] Former-commit-id: 6521ed46633aa4c4f9c4f48b7059b1e42d0b5c8f Former-commit-id: 2ae023459c3201e66f65c8d650ef302abe52d001 Former-commit-id: 9d06f049d6ebf6171ef56ca9608cf9ed9032ad00 Former-commit-id: e326a6c04f10b64f232367b0759499acbe0d4cdf Former-commit-id: 8d4564fc2f1d7eb7b23d84429f780761110ca3da
This commit is contained in:
FairyEver
2162
src/views/system/index/components/d2-help/image/qq.svg
Normal file
2162
src/views/system/index/components/d2-help/image/qq.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 84 KiB |
@@ -1 +0,0 @@
|
||||
0ff3f882f9e99f9c56657863a926d44efeebb574
|
||||
707
src/views/system/index/components/d2-help/image/we.svg
Normal file
707
src/views/system/index/components/d2-help/image/we.svg
Normal file
@@ -0,0 +1,707 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" width="468" height="468" viewBox="0 0 468 468">
|
||||
<desc></desc>
|
||||
<rect width="468" height="468" fill="#ffffff" cx="0" cy="0" />
|
||||
<defs>
|
||||
<rect id="p" width="12" height="12" />
|
||||
</defs>
|
||||
<g fill="#000000">
|
||||
<use x="12" y="12" xlink:href="#p" />
|
||||
<use x="24" y="12" xlink:href="#p" />
|
||||
<use x="36" y="12" xlink:href="#p" />
|
||||
<use x="48" y="12" xlink:href="#p" />
|
||||
<use x="60" y="12" xlink:href="#p" />
|
||||
<use x="72" y="12" xlink:href="#p" />
|
||||
<use x="84" y="12" xlink:href="#p" />
|
||||
<use x="108" y="12" xlink:href="#p" />
|
||||
<use x="144" y="12" xlink:href="#p" />
|
||||
<use x="156" y="12" xlink:href="#p" />
|
||||
<use x="180" y="12" xlink:href="#p" />
|
||||
<use x="204" y="12" xlink:href="#p" />
|
||||
<use x="240" y="12" xlink:href="#p" />
|
||||
<use x="264" y="12" xlink:href="#p" />
|
||||
<use x="276" y="12" xlink:href="#p" />
|
||||
<use x="288" y="12" xlink:href="#p" />
|
||||
<use x="300" y="12" xlink:href="#p" />
|
||||
<use x="348" y="12" xlink:href="#p" />
|
||||
<use x="372" y="12" xlink:href="#p" />
|
||||
<use x="384" y="12" xlink:href="#p" />
|
||||
<use x="396" y="12" xlink:href="#p" />
|
||||
<use x="408" y="12" xlink:href="#p" />
|
||||
<use x="420" y="12" xlink:href="#p" />
|
||||
<use x="432" y="12" xlink:href="#p" />
|
||||
<use x="444" y="12" xlink:href="#p" />
|
||||
<use x="12" y="24" xlink:href="#p" />
|
||||
<use x="84" y="24" xlink:href="#p" />
|
||||
<use x="108" y="24" xlink:href="#p" />
|
||||
<use x="132" y="24" xlink:href="#p" />
|
||||
<use x="144" y="24" xlink:href="#p" />
|
||||
<use x="168" y="24" xlink:href="#p" />
|
||||
<use x="192" y="24" xlink:href="#p" />
|
||||
<use x="216" y="24" xlink:href="#p" />
|
||||
<use x="228" y="24" xlink:href="#p" />
|
||||
<use x="240" y="24" xlink:href="#p" />
|
||||
<use x="264" y="24" xlink:href="#p" />
|
||||
<use x="276" y="24" xlink:href="#p" />
|
||||
<use x="336" y="24" xlink:href="#p" />
|
||||
<use x="348" y="24" xlink:href="#p" />
|
||||
<use x="372" y="24" xlink:href="#p" />
|
||||
<use x="444" y="24" xlink:href="#p" />
|
||||
<use x="12" y="36" xlink:href="#p" />
|
||||
<use x="36" y="36" xlink:href="#p" />
|
||||
<use x="48" y="36" xlink:href="#p" />
|
||||
<use x="60" y="36" xlink:href="#p" />
|
||||
<use x="84" y="36" xlink:href="#p" />
|
||||
<use x="108" y="36" xlink:href="#p" />
|
||||
<use x="120" y="36" xlink:href="#p" />
|
||||
<use x="180" y="36" xlink:href="#p" />
|
||||
<use x="192" y="36" xlink:href="#p" />
|
||||
<use x="204" y="36" xlink:href="#p" />
|
||||
<use x="216" y="36" xlink:href="#p" />
|
||||
<use x="240" y="36" xlink:href="#p" />
|
||||
<use x="252" y="36" xlink:href="#p" />
|
||||
<use x="264" y="36" xlink:href="#p" />
|
||||
<use x="276" y="36" xlink:href="#p" />
|
||||
<use x="324" y="36" xlink:href="#p" />
|
||||
<use x="372" y="36" xlink:href="#p" />
|
||||
<use x="396" y="36" xlink:href="#p" />
|
||||
<use x="408" y="36" xlink:href="#p" />
|
||||
<use x="420" y="36" xlink:href="#p" />
|
||||
<use x="444" y="36" xlink:href="#p" />
|
||||
<use x="12" y="48" xlink:href="#p" />
|
||||
<use x="36" y="48" xlink:href="#p" />
|
||||
<use x="48" y="48" xlink:href="#p" />
|
||||
<use x="60" y="48" xlink:href="#p" />
|
||||
<use x="84" y="48" xlink:href="#p" />
|
||||
<use x="120" y="48" xlink:href="#p" />
|
||||
<use x="144" y="48" xlink:href="#p" />
|
||||
<use x="168" y="48" xlink:href="#p" />
|
||||
<use x="192" y="48" xlink:href="#p" />
|
||||
<use x="204" y="48" xlink:href="#p" />
|
||||
<use x="216" y="48" xlink:href="#p" />
|
||||
<use x="288" y="48" xlink:href="#p" />
|
||||
<use x="300" y="48" xlink:href="#p" />
|
||||
<use x="312" y="48" xlink:href="#p" />
|
||||
<use x="324" y="48" xlink:href="#p" />
|
||||
<use x="336" y="48" xlink:href="#p" />
|
||||
<use x="372" y="48" xlink:href="#p" />
|
||||
<use x="396" y="48" xlink:href="#p" />
|
||||
<use x="408" y="48" xlink:href="#p" />
|
||||
<use x="420" y="48" xlink:href="#p" />
|
||||
<use x="444" y="48" xlink:href="#p" />
|
||||
<use x="12" y="60" xlink:href="#p" />
|
||||
<use x="36" y="60" xlink:href="#p" />
|
||||
<use x="48" y="60" xlink:href="#p" />
|
||||
<use x="60" y="60" xlink:href="#p" />
|
||||
<use x="84" y="60" xlink:href="#p" />
|
||||
<use x="132" y="60" xlink:href="#p" />
|
||||
<use x="144" y="60" xlink:href="#p" />
|
||||
<use x="156" y="60" xlink:href="#p" />
|
||||
<use x="168" y="60" xlink:href="#p" />
|
||||
<use x="180" y="60" xlink:href="#p" />
|
||||
<use x="192" y="60" xlink:href="#p" />
|
||||
<use x="204" y="60" xlink:href="#p" />
|
||||
<use x="240" y="60" xlink:href="#p" />
|
||||
<use x="276" y="60" xlink:href="#p" />
|
||||
<use x="300" y="60" xlink:href="#p" />
|
||||
<use x="324" y="60" xlink:href="#p" />
|
||||
<use x="372" y="60" xlink:href="#p" />
|
||||
<use x="396" y="60" xlink:href="#p" />
|
||||
<use x="408" y="60" xlink:href="#p" />
|
||||
<use x="420" y="60" xlink:href="#p" />
|
||||
<use x="444" y="60" xlink:href="#p" />
|
||||
<use x="12" y="72" xlink:href="#p" />
|
||||
<use x="84" y="72" xlink:href="#p" />
|
||||
<use x="108" y="72" xlink:href="#p" />
|
||||
<use x="168" y="72" xlink:href="#p" />
|
||||
<use x="180" y="72" xlink:href="#p" />
|
||||
<use x="192" y="72" xlink:href="#p" />
|
||||
<use x="228" y="72" xlink:href="#p" />
|
||||
<use x="264" y="72" xlink:href="#p" />
|
||||
<use x="288" y="72" xlink:href="#p" />
|
||||
<use x="300" y="72" xlink:href="#p" />
|
||||
<use x="324" y="72" xlink:href="#p" />
|
||||
<use x="336" y="72" xlink:href="#p" />
|
||||
<use x="348" y="72" xlink:href="#p" />
|
||||
<use x="372" y="72" xlink:href="#p" />
|
||||
<use x="444" y="72" xlink:href="#p" />
|
||||
<use x="12" y="84" xlink:href="#p" />
|
||||
<use x="24" y="84" xlink:href="#p" />
|
||||
<use x="36" y="84" xlink:href="#p" />
|
||||
<use x="48" y="84" xlink:href="#p" />
|
||||
<use x="60" y="84" xlink:href="#p" />
|
||||
<use x="72" y="84" xlink:href="#p" />
|
||||
<use x="84" y="84" xlink:href="#p" />
|
||||
<use x="108" y="84" xlink:href="#p" />
|
||||
<use x="132" y="84" xlink:href="#p" />
|
||||
<use x="156" y="84" xlink:href="#p" />
|
||||
<use x="180" y="84" xlink:href="#p" />
|
||||
<use x="204" y="84" xlink:href="#p" />
|
||||
<use x="228" y="84" xlink:href="#p" />
|
||||
<use x="252" y="84" xlink:href="#p" />
|
||||
<use x="276" y="84" xlink:href="#p" />
|
||||
<use x="300" y="84" xlink:href="#p" />
|
||||
<use x="324" y="84" xlink:href="#p" />
|
||||
<use x="348" y="84" xlink:href="#p" />
|
||||
<use x="372" y="84" xlink:href="#p" />
|
||||
<use x="384" y="84" xlink:href="#p" />
|
||||
<use x="396" y="84" xlink:href="#p" />
|
||||
<use x="408" y="84" xlink:href="#p" />
|
||||
<use x="420" y="84" xlink:href="#p" />
|
||||
<use x="432" y="84" xlink:href="#p" />
|
||||
<use x="444" y="84" xlink:href="#p" />
|
||||
<use x="108" y="96" xlink:href="#p" />
|
||||
<use x="180" y="96" xlink:href="#p" />
|
||||
<use x="192" y="96" xlink:href="#p" />
|
||||
<use x="216" y="96" xlink:href="#p" />
|
||||
<use x="240" y="96" xlink:href="#p" />
|
||||
<use x="276" y="96" xlink:href="#p" />
|
||||
<use x="300" y="96" xlink:href="#p" />
|
||||
<use x="312" y="96" xlink:href="#p" />
|
||||
<use x="348" y="96" xlink:href="#p" />
|
||||
<use x="36" y="108" xlink:href="#p" />
|
||||
<use x="48" y="108" xlink:href="#p" />
|
||||
<use x="60" y="108" xlink:href="#p" />
|
||||
<use x="84" y="108" xlink:href="#p" />
|
||||
<use x="108" y="108" xlink:href="#p" />
|
||||
<use x="120" y="108" xlink:href="#p" />
|
||||
<use x="144" y="108" xlink:href="#p" />
|
||||
<use x="180" y="108" xlink:href="#p" />
|
||||
<use x="192" y="108" xlink:href="#p" />
|
||||
<use x="204" y="108" xlink:href="#p" />
|
||||
<use x="228" y="108" xlink:href="#p" />
|
||||
<use x="276" y="108" xlink:href="#p" />
|
||||
<use x="312" y="108" xlink:href="#p" />
|
||||
<use x="324" y="108" xlink:href="#p" />
|
||||
<use x="348" y="108" xlink:href="#p" />
|
||||
<use x="360" y="108" xlink:href="#p" />
|
||||
<use x="372" y="108" xlink:href="#p" />
|
||||
<use x="384" y="108" xlink:href="#p" />
|
||||
<use x="420" y="108" xlink:href="#p" />
|
||||
<use x="432" y="108" xlink:href="#p" />
|
||||
<use x="444" y="108" xlink:href="#p" />
|
||||
<use x="24" y="120" xlink:href="#p" />
|
||||
<use x="36" y="120" xlink:href="#p" />
|
||||
<use x="72" y="120" xlink:href="#p" />
|
||||
<use x="168" y="120" xlink:href="#p" />
|
||||
<use x="204" y="120" xlink:href="#p" />
|
||||
<use x="252" y="120" xlink:href="#p" />
|
||||
<use x="276" y="120" xlink:href="#p" />
|
||||
<use x="288" y="120" xlink:href="#p" />
|
||||
<use x="300" y="120" xlink:href="#p" />
|
||||
<use x="312" y="120" xlink:href="#p" />
|
||||
<use x="336" y="120" xlink:href="#p" />
|
||||
<use x="348" y="120" xlink:href="#p" />
|
||||
<use x="444" y="120" xlink:href="#p" />
|
||||
<use x="36" y="132" xlink:href="#p" />
|
||||
<use x="84" y="132" xlink:href="#p" />
|
||||
<use x="108" y="132" xlink:href="#p" />
|
||||
<use x="120" y="132" xlink:href="#p" />
|
||||
<use x="132" y="132" xlink:href="#p" />
|
||||
<use x="144" y="132" xlink:href="#p" />
|
||||
<use x="180" y="132" xlink:href="#p" />
|
||||
<use x="192" y="132" xlink:href="#p" />
|
||||
<use x="204" y="132" xlink:href="#p" />
|
||||
<use x="216" y="132" xlink:href="#p" />
|
||||
<use x="228" y="132" xlink:href="#p" />
|
||||
<use x="252" y="132" xlink:href="#p" />
|
||||
<use x="312" y="132" xlink:href="#p" />
|
||||
<use x="324" y="132" xlink:href="#p" />
|
||||
<use x="336" y="132" xlink:href="#p" />
|
||||
<use x="372" y="132" xlink:href="#p" />
|
||||
<use x="384" y="132" xlink:href="#p" />
|
||||
<use x="396" y="132" xlink:href="#p" />
|
||||
<use x="420" y="132" xlink:href="#p" />
|
||||
<use x="432" y="132" xlink:href="#p" />
|
||||
<use x="444" y="132" xlink:href="#p" />
|
||||
<use x="48" y="144" xlink:href="#p" />
|
||||
<use x="120" y="144" xlink:href="#p" />
|
||||
<use x="156" y="144" xlink:href="#p" />
|
||||
<use x="180" y="144" xlink:href="#p" />
|
||||
<use x="216" y="144" xlink:href="#p" />
|
||||
<use x="228" y="144" xlink:href="#p" />
|
||||
<use x="240" y="144" xlink:href="#p" />
|
||||
<use x="264" y="144" xlink:href="#p" />
|
||||
<use x="276" y="144" xlink:href="#p" />
|
||||
<use x="288" y="144" xlink:href="#p" />
|
||||
<use x="324" y="144" xlink:href="#p" />
|
||||
<use x="336" y="144" xlink:href="#p" />
|
||||
<use x="372" y="144" xlink:href="#p" />
|
||||
<use x="384" y="144" xlink:href="#p" />
|
||||
<use x="396" y="144" xlink:href="#p" />
|
||||
<use x="432" y="144" xlink:href="#p" />
|
||||
<use x="444" y="144" xlink:href="#p" />
|
||||
<use x="24" y="156" xlink:href="#p" />
|
||||
<use x="36" y="156" xlink:href="#p" />
|
||||
<use x="60" y="156" xlink:href="#p" />
|
||||
<use x="84" y="156" xlink:href="#p" />
|
||||
<use x="168" y="156" xlink:href="#p" />
|
||||
<use x="192" y="156" xlink:href="#p" />
|
||||
<use x="204" y="156" xlink:href="#p" />
|
||||
<use x="240" y="156" xlink:href="#p" />
|
||||
<use x="264" y="156" xlink:href="#p" />
|
||||
<use x="300" y="156" xlink:href="#p" />
|
||||
<use x="312" y="156" xlink:href="#p" />
|
||||
<use x="324" y="156" xlink:href="#p" />
|
||||
<use x="360" y="156" xlink:href="#p" />
|
||||
<use x="372" y="156" xlink:href="#p" />
|
||||
<use x="384" y="156" xlink:href="#p" />
|
||||
<use x="396" y="156" xlink:href="#p" />
|
||||
<use x="408" y="156" xlink:href="#p" />
|
||||
<use x="420" y="156" xlink:href="#p" />
|
||||
<use x="432" y="156" xlink:href="#p" />
|
||||
<use x="444" y="156" xlink:href="#p" />
|
||||
<use x="24" y="168" xlink:href="#p" />
|
||||
<use x="36" y="168" xlink:href="#p" />
|
||||
<use x="48" y="168" xlink:href="#p" />
|
||||
<use x="60" y="168" xlink:href="#p" />
|
||||
<use x="96" y="168" xlink:href="#p" />
|
||||
<use x="120" y="168" xlink:href="#p" />
|
||||
<use x="192" y="168" xlink:href="#p" />
|
||||
<use x="216" y="168" xlink:href="#p" />
|
||||
<use x="228" y="168" xlink:href="#p" />
|
||||
<use x="240" y="168" xlink:href="#p" />
|
||||
<use x="252" y="168" xlink:href="#p" />
|
||||
<use x="312" y="168" xlink:href="#p" />
|
||||
<use x="324" y="168" xlink:href="#p" />
|
||||
<use x="336" y="168" xlink:href="#p" />
|
||||
<use x="348" y="168" xlink:href="#p" />
|
||||
<use x="360" y="168" xlink:href="#p" />
|
||||
<use x="384" y="168" xlink:href="#p" />
|
||||
<use x="408" y="168" xlink:href="#p" />
|
||||
<use x="420" y="168" xlink:href="#p" />
|
||||
<use x="12" y="180" xlink:href="#p" />
|
||||
<use x="36" y="180" xlink:href="#p" />
|
||||
<use x="84" y="180" xlink:href="#p" />
|
||||
<use x="96" y="180" xlink:href="#p" />
|
||||
<use x="108" y="180" xlink:href="#p" />
|
||||
<use x="120" y="180" xlink:href="#p" />
|
||||
<use x="132" y="180" xlink:href="#p" />
|
||||
<use x="144" y="180" xlink:href="#p" />
|
||||
<use x="168" y="180" xlink:href="#p" />
|
||||
<use x="180" y="180" xlink:href="#p" />
|
||||
<use x="192" y="180" xlink:href="#p" />
|
||||
<use x="204" y="180" xlink:href="#p" />
|
||||
<use x="228" y="180" xlink:href="#p" />
|
||||
<use x="240" y="180" xlink:href="#p" />
|
||||
<use x="252" y="180" xlink:href="#p" />
|
||||
<use x="264" y="180" xlink:href="#p" />
|
||||
<use x="276" y="180" xlink:href="#p" />
|
||||
<use x="288" y="180" xlink:href="#p" />
|
||||
<use x="300" y="180" xlink:href="#p" />
|
||||
<use x="312" y="180" xlink:href="#p" />
|
||||
<use x="324" y="180" xlink:href="#p" />
|
||||
<use x="336" y="180" xlink:href="#p" />
|
||||
<use x="348" y="180" xlink:href="#p" />
|
||||
<use x="372" y="180" xlink:href="#p" />
|
||||
<use x="408" y="180" xlink:href="#p" />
|
||||
<use x="432" y="180" xlink:href="#p" />
|
||||
<use x="444" y="180" xlink:href="#p" />
|
||||
<use x="12" y="192" xlink:href="#p" />
|
||||
<use x="24" y="192" xlink:href="#p" />
|
||||
<use x="60" y="192" xlink:href="#p" />
|
||||
<use x="96" y="192" xlink:href="#p" />
|
||||
<use x="108" y="192" xlink:href="#p" />
|
||||
<use x="120" y="192" xlink:href="#p" />
|
||||
<use x="156" y="192" xlink:href="#p" />
|
||||
<use x="180" y="192" xlink:href="#p" />
|
||||
<use x="192" y="192" xlink:href="#p" />
|
||||
<use x="204" y="192" xlink:href="#p" />
|
||||
<use x="216" y="192" xlink:href="#p" />
|
||||
<use x="228" y="192" xlink:href="#p" />
|
||||
<use x="288" y="192" xlink:href="#p" />
|
||||
<use x="300" y="192" xlink:href="#p" />
|
||||
<use x="324" y="192" xlink:href="#p" />
|
||||
<use x="360" y="192" xlink:href="#p" />
|
||||
<use x="372" y="192" xlink:href="#p" />
|
||||
<use x="384" y="192" xlink:href="#p" />
|
||||
<use x="396" y="192" xlink:href="#p" />
|
||||
<use x="432" y="192" xlink:href="#p" />
|
||||
<use x="72" y="204" xlink:href="#p" />
|
||||
<use x="84" y="204" xlink:href="#p" />
|
||||
<use x="132" y="204" xlink:href="#p" />
|
||||
<use x="144" y="204" xlink:href="#p" />
|
||||
<use x="156" y="204" xlink:href="#p" />
|
||||
<use x="180" y="204" xlink:href="#p" />
|
||||
<use x="216" y="204" xlink:href="#p" />
|
||||
<use x="240" y="204" xlink:href="#p" />
|
||||
<use x="264" y="204" xlink:href="#p" />
|
||||
<use x="276" y="204" xlink:href="#p" />
|
||||
<use x="300" y="204" xlink:href="#p" />
|
||||
<use x="312" y="204" xlink:href="#p" />
|
||||
<use x="324" y="204" xlink:href="#p" />
|
||||
<use x="360" y="204" xlink:href="#p" />
|
||||
<use x="372" y="204" xlink:href="#p" />
|
||||
<use x="396" y="204" xlink:href="#p" />
|
||||
<use x="420" y="204" xlink:href="#p" />
|
||||
<use x="432" y="204" xlink:href="#p" />
|
||||
<use x="444" y="204" xlink:href="#p" />
|
||||
<use x="24" y="216" xlink:href="#p" />
|
||||
<use x="36" y="216" xlink:href="#p" />
|
||||
<use x="48" y="216" xlink:href="#p" />
|
||||
<use x="72" y="216" xlink:href="#p" />
|
||||
<use x="120" y="216" xlink:href="#p" />
|
||||
<use x="168" y="216" xlink:href="#p" />
|
||||
<use x="180" y="216" xlink:href="#p" />
|
||||
<use x="192" y="216" xlink:href="#p" />
|
||||
<use x="276" y="216" xlink:href="#p" />
|
||||
<use x="288" y="216" xlink:href="#p" />
|
||||
<use x="348" y="216" xlink:href="#p" />
|
||||
<use x="360" y="216" xlink:href="#p" />
|
||||
<use x="384" y="216" xlink:href="#p" />
|
||||
<use x="12" y="228" xlink:href="#p" />
|
||||
<use x="24" y="228" xlink:href="#p" />
|
||||
<use x="36" y="228" xlink:href="#p" />
|
||||
<use x="60" y="228" xlink:href="#p" />
|
||||
<use x="84" y="228" xlink:href="#p" />
|
||||
<use x="96" y="228" xlink:href="#p" />
|
||||
<use x="132" y="228" xlink:href="#p" />
|
||||
<use x="156" y="228" xlink:href="#p" />
|
||||
<use x="168" y="228" xlink:href="#p" />
|
||||
<use x="180" y="228" xlink:href="#p" />
|
||||
<use x="204" y="228" xlink:href="#p" />
|
||||
<use x="228" y="228" xlink:href="#p" />
|
||||
<use x="252" y="228" xlink:href="#p" />
|
||||
<use x="264" y="228" xlink:href="#p" />
|
||||
<use x="276" y="228" xlink:href="#p" />
|
||||
<use x="288" y="228" xlink:href="#p" />
|
||||
<use x="312" y="228" xlink:href="#p" />
|
||||
<use x="336" y="228" xlink:href="#p" />
|
||||
<use x="432" y="228" xlink:href="#p" />
|
||||
<use x="444" y="228" xlink:href="#p" />
|
||||
<use x="24" y="240" xlink:href="#p" />
|
||||
<use x="48" y="240" xlink:href="#p" />
|
||||
<use x="60" y="240" xlink:href="#p" />
|
||||
<use x="108" y="240" xlink:href="#p" />
|
||||
<use x="120" y="240" xlink:href="#p" />
|
||||
<use x="168" y="240" xlink:href="#p" />
|
||||
<use x="180" y="240" xlink:href="#p" />
|
||||
<use x="192" y="240" xlink:href="#p" />
|
||||
<use x="264" y="240" xlink:href="#p" />
|
||||
<use x="276" y="240" xlink:href="#p" />
|
||||
<use x="300" y="240" xlink:href="#p" />
|
||||
<use x="324" y="240" xlink:href="#p" />
|
||||
<use x="348" y="240" xlink:href="#p" />
|
||||
<use x="396" y="240" xlink:href="#p" />
|
||||
<use x="432" y="240" xlink:href="#p" />
|
||||
<use x="444" y="240" xlink:href="#p" />
|
||||
<use x="12" y="252" xlink:href="#p" />
|
||||
<use x="24" y="252" xlink:href="#p" />
|
||||
<use x="72" y="252" xlink:href="#p" />
|
||||
<use x="84" y="252" xlink:href="#p" />
|
||||
<use x="108" y="252" xlink:href="#p" />
|
||||
<use x="120" y="252" xlink:href="#p" />
|
||||
<use x="132" y="252" xlink:href="#p" />
|
||||
<use x="144" y="252" xlink:href="#p" />
|
||||
<use x="156" y="252" xlink:href="#p" />
|
||||
<use x="168" y="252" xlink:href="#p" />
|
||||
<use x="216" y="252" xlink:href="#p" />
|
||||
<use x="252" y="252" xlink:href="#p" />
|
||||
<use x="264" y="252" xlink:href="#p" />
|
||||
<use x="288" y="252" xlink:href="#p" />
|
||||
<use x="300" y="252" xlink:href="#p" />
|
||||
<use x="324" y="252" xlink:href="#p" />
|
||||
<use x="360" y="252" xlink:href="#p" />
|
||||
<use x="372" y="252" xlink:href="#p" />
|
||||
<use x="384" y="252" xlink:href="#p" />
|
||||
<use x="396" y="252" xlink:href="#p" />
|
||||
<use x="408" y="252" xlink:href="#p" />
|
||||
<use x="420" y="252" xlink:href="#p" />
|
||||
<use x="432" y="252" xlink:href="#p" />
|
||||
<use x="444" y="252" xlink:href="#p" />
|
||||
<use x="12" y="264" xlink:href="#p" />
|
||||
<use x="48" y="264" xlink:href="#p" />
|
||||
<use x="60" y="264" xlink:href="#p" />
|
||||
<use x="72" y="264" xlink:href="#p" />
|
||||
<use x="96" y="264" xlink:href="#p" />
|
||||
<use x="120" y="264" xlink:href="#p" />
|
||||
<use x="180" y="264" xlink:href="#p" />
|
||||
<use x="192" y="264" xlink:href="#p" />
|
||||
<use x="204" y="264" xlink:href="#p" />
|
||||
<use x="216" y="264" xlink:href="#p" />
|
||||
<use x="228" y="264" xlink:href="#p" />
|
||||
<use x="252" y="264" xlink:href="#p" />
|
||||
<use x="276" y="264" xlink:href="#p" />
|
||||
<use x="360" y="264" xlink:href="#p" />
|
||||
<use x="384" y="264" xlink:href="#p" />
|
||||
<use x="432" y="264" xlink:href="#p" />
|
||||
<use x="12" y="276" xlink:href="#p" />
|
||||
<use x="24" y="276" xlink:href="#p" />
|
||||
<use x="60" y="276" xlink:href="#p" />
|
||||
<use x="72" y="276" xlink:href="#p" />
|
||||
<use x="84" y="276" xlink:href="#p" />
|
||||
<use x="144" y="276" xlink:href="#p" />
|
||||
<use x="156" y="276" xlink:href="#p" />
|
||||
<use x="192" y="276" xlink:href="#p" />
|
||||
<use x="216" y="276" xlink:href="#p" />
|
||||
<use x="228" y="276" xlink:href="#p" />
|
||||
<use x="240" y="276" xlink:href="#p" />
|
||||
<use x="252" y="276" xlink:href="#p" />
|
||||
<use x="288" y="276" xlink:href="#p" />
|
||||
<use x="312" y="276" xlink:href="#p" />
|
||||
<use x="324" y="276" xlink:href="#p" />
|
||||
<use x="336" y="276" xlink:href="#p" />
|
||||
<use x="372" y="276" xlink:href="#p" />
|
||||
<use x="444" y="276" xlink:href="#p" />
|
||||
<use x="48" y="288" xlink:href="#p" />
|
||||
<use x="60" y="288" xlink:href="#p" />
|
||||
<use x="96" y="288" xlink:href="#p" />
|
||||
<use x="132" y="288" xlink:href="#p" />
|
||||
<use x="144" y="288" xlink:href="#p" />
|
||||
<use x="168" y="288" xlink:href="#p" />
|
||||
<use x="192" y="288" xlink:href="#p" />
|
||||
<use x="216" y="288" xlink:href="#p" />
|
||||
<use x="372" y="288" xlink:href="#p" />
|
||||
<use x="384" y="288" xlink:href="#p" />
|
||||
<use x="432" y="288" xlink:href="#p" />
|
||||
<use x="444" y="288" xlink:href="#p" />
|
||||
<use x="12" y="300" xlink:href="#p" />
|
||||
<use x="36" y="300" xlink:href="#p" />
|
||||
<use x="48" y="300" xlink:href="#p" />
|
||||
<use x="84" y="300" xlink:href="#p" />
|
||||
<use x="96" y="300" xlink:href="#p" />
|
||||
<use x="108" y="300" xlink:href="#p" />
|
||||
<use x="132" y="300" xlink:href="#p" />
|
||||
<use x="144" y="300" xlink:href="#p" />
|
||||
<use x="216" y="300" xlink:href="#p" />
|
||||
<use x="228" y="300" xlink:href="#p" />
|
||||
<use x="240" y="300" xlink:href="#p" />
|
||||
<use x="252" y="300" xlink:href="#p" />
|
||||
<use x="264" y="300" xlink:href="#p" />
|
||||
<use x="300" y="300" xlink:href="#p" />
|
||||
<use x="312" y="300" xlink:href="#p" />
|
||||
<use x="324" y="300" xlink:href="#p" />
|
||||
<use x="348" y="300" xlink:href="#p" />
|
||||
<use x="372" y="300" xlink:href="#p" />
|
||||
<use x="396" y="300" xlink:href="#p" />
|
||||
<use x="420" y="300" xlink:href="#p" />
|
||||
<use x="444" y="300" xlink:href="#p" />
|
||||
<use x="12" y="312" xlink:href="#p" />
|
||||
<use x="24" y="312" xlink:href="#p" />
|
||||
<use x="72" y="312" xlink:href="#p" />
|
||||
<use x="108" y="312" xlink:href="#p" />
|
||||
<use x="132" y="312" xlink:href="#p" />
|
||||
<use x="144" y="312" xlink:href="#p" />
|
||||
<use x="192" y="312" xlink:href="#p" />
|
||||
<use x="204" y="312" xlink:href="#p" />
|
||||
<use x="228" y="312" xlink:href="#p" />
|
||||
<use x="240" y="312" xlink:href="#p" />
|
||||
<use x="264" y="312" xlink:href="#p" />
|
||||
<use x="300" y="312" xlink:href="#p" />
|
||||
<use x="336" y="312" xlink:href="#p" />
|
||||
<use x="348" y="312" xlink:href="#p" />
|
||||
<use x="360" y="312" xlink:href="#p" />
|
||||
<use x="384" y="312" xlink:href="#p" />
|
||||
<use x="444" y="312" xlink:href="#p" />
|
||||
<use x="12" y="324" xlink:href="#p" />
|
||||
<use x="48" y="324" xlink:href="#p" />
|
||||
<use x="84" y="324" xlink:href="#p" />
|
||||
<use x="108" y="324" xlink:href="#p" />
|
||||
<use x="120" y="324" xlink:href="#p" />
|
||||
<use x="132" y="324" xlink:href="#p" />
|
||||
<use x="156" y="324" xlink:href="#p" />
|
||||
<use x="168" y="324" xlink:href="#p" />
|
||||
<use x="216" y="324" xlink:href="#p" />
|
||||
<use x="240" y="324" xlink:href="#p" />
|
||||
<use x="264" y="324" xlink:href="#p" />
|
||||
<use x="300" y="324" xlink:href="#p" />
|
||||
<use x="324" y="324" xlink:href="#p" />
|
||||
<use x="336" y="324" xlink:href="#p" />
|
||||
<use x="348" y="324" xlink:href="#p" />
|
||||
<use x="372" y="324" xlink:href="#p" />
|
||||
<use x="384" y="324" xlink:href="#p" />
|
||||
<use x="396" y="324" xlink:href="#p" />
|
||||
<use x="432" y="324" xlink:href="#p" />
|
||||
<use x="444" y="324" xlink:href="#p" />
|
||||
<use x="12" y="336" xlink:href="#p" />
|
||||
<use x="48" y="336" xlink:href="#p" />
|
||||
<use x="60" y="336" xlink:href="#p" />
|
||||
<use x="108" y="336" xlink:href="#p" />
|
||||
<use x="168" y="336" xlink:href="#p" />
|
||||
<use x="180" y="336" xlink:href="#p" />
|
||||
<use x="204" y="336" xlink:href="#p" />
|
||||
<use x="240" y="336" xlink:href="#p" />
|
||||
<use x="252" y="336" xlink:href="#p" />
|
||||
<use x="300" y="336" xlink:href="#p" />
|
||||
<use x="324" y="336" xlink:href="#p" />
|
||||
<use x="336" y="336" xlink:href="#p" />
|
||||
<use x="348" y="336" xlink:href="#p" />
|
||||
<use x="360" y="336" xlink:href="#p" />
|
||||
<use x="384" y="336" xlink:href="#p" />
|
||||
<use x="432" y="336" xlink:href="#p" />
|
||||
<use x="12" y="348" xlink:href="#p" />
|
||||
<use x="36" y="348" xlink:href="#p" />
|
||||
<use x="48" y="348" xlink:href="#p" />
|
||||
<use x="60" y="348" xlink:href="#p" />
|
||||
<use x="72" y="348" xlink:href="#p" />
|
||||
<use x="84" y="348" xlink:href="#p" />
|
||||
<use x="96" y="348" xlink:href="#p" />
|
||||
<use x="120" y="348" xlink:href="#p" />
|
||||
<use x="132" y="348" xlink:href="#p" />
|
||||
<use x="168" y="348" xlink:href="#p" />
|
||||
<use x="180" y="348" xlink:href="#p" />
|
||||
<use x="204" y="348" xlink:href="#p" />
|
||||
<use x="216" y="348" xlink:href="#p" />
|
||||
<use x="240" y="348" xlink:href="#p" />
|
||||
<use x="252" y="348" xlink:href="#p" />
|
||||
<use x="264" y="348" xlink:href="#p" />
|
||||
<use x="276" y="348" xlink:href="#p" />
|
||||
<use x="300" y="348" xlink:href="#p" />
|
||||
<use x="312" y="348" xlink:href="#p" />
|
||||
<use x="348" y="348" xlink:href="#p" />
|
||||
<use x="360" y="348" xlink:href="#p" />
|
||||
<use x="372" y="348" xlink:href="#p" />
|
||||
<use x="384" y="348" xlink:href="#p" />
|
||||
<use x="396" y="348" xlink:href="#p" />
|
||||
<use x="420" y="348" xlink:href="#p" />
|
||||
<use x="432" y="348" xlink:href="#p" />
|
||||
<use x="108" y="360" xlink:href="#p" />
|
||||
<use x="132" y="360" xlink:href="#p" />
|
||||
<use x="144" y="360" xlink:href="#p" />
|
||||
<use x="180" y="360" xlink:href="#p" />
|
||||
<use x="192" y="360" xlink:href="#p" />
|
||||
<use x="204" y="360" xlink:href="#p" />
|
||||
<use x="240" y="360" xlink:href="#p" />
|
||||
<use x="252" y="360" xlink:href="#p" />
|
||||
<use x="276" y="360" xlink:href="#p" />
|
||||
<use x="312" y="360" xlink:href="#p" />
|
||||
<use x="336" y="360" xlink:href="#p" />
|
||||
<use x="348" y="360" xlink:href="#p" />
|
||||
<use x="396" y="360" xlink:href="#p" />
|
||||
<use x="432" y="360" xlink:href="#p" />
|
||||
<use x="12" y="372" xlink:href="#p" />
|
||||
<use x="24" y="372" xlink:href="#p" />
|
||||
<use x="36" y="372" xlink:href="#p" />
|
||||
<use x="48" y="372" xlink:href="#p" />
|
||||
<use x="60" y="372" xlink:href="#p" />
|
||||
<use x="72" y="372" xlink:href="#p" />
|
||||
<use x="84" y="372" xlink:href="#p" />
|
||||
<use x="132" y="372" xlink:href="#p" />
|
||||
<use x="144" y="372" xlink:href="#p" />
|
||||
<use x="168" y="372" xlink:href="#p" />
|
||||
<use x="216" y="372" xlink:href="#p" />
|
||||
<use x="264" y="372" xlink:href="#p" />
|
||||
<use x="276" y="372" xlink:href="#p" />
|
||||
<use x="324" y="372" xlink:href="#p" />
|
||||
<use x="336" y="372" xlink:href="#p" />
|
||||
<use x="348" y="372" xlink:href="#p" />
|
||||
<use x="372" y="372" xlink:href="#p" />
|
||||
<use x="396" y="372" xlink:href="#p" />
|
||||
<use x="408" y="372" xlink:href="#p" />
|
||||
<use x="432" y="372" xlink:href="#p" />
|
||||
<use x="444" y="372" xlink:href="#p" />
|
||||
<use x="12" y="384" xlink:href="#p" />
|
||||
<use x="84" y="384" xlink:href="#p" />
|
||||
<use x="120" y="384" xlink:href="#p" />
|
||||
<use x="156" y="384" xlink:href="#p" />
|
||||
<use x="168" y="384" xlink:href="#p" />
|
||||
<use x="180" y="384" xlink:href="#p" />
|
||||
<use x="228" y="384" xlink:href="#p" />
|
||||
<use x="324" y="384" xlink:href="#p" />
|
||||
<use x="348" y="384" xlink:href="#p" />
|
||||
<use x="396" y="384" xlink:href="#p" />
|
||||
<use x="12" y="396" xlink:href="#p" />
|
||||
<use x="36" y="396" xlink:href="#p" />
|
||||
<use x="48" y="396" xlink:href="#p" />
|
||||
<use x="60" y="396" xlink:href="#p" />
|
||||
<use x="84" y="396" xlink:href="#p" />
|
||||
<use x="108" y="396" xlink:href="#p" />
|
||||
<use x="132" y="396" xlink:href="#p" />
|
||||
<use x="168" y="396" xlink:href="#p" />
|
||||
<use x="180" y="396" xlink:href="#p" />
|
||||
<use x="192" y="396" xlink:href="#p" />
|
||||
<use x="204" y="396" xlink:href="#p" />
|
||||
<use x="216" y="396" xlink:href="#p" />
|
||||
<use x="228" y="396" xlink:href="#p" />
|
||||
<use x="240" y="396" xlink:href="#p" />
|
||||
<use x="252" y="396" xlink:href="#p" />
|
||||
<use x="264" y="396" xlink:href="#p" />
|
||||
<use x="276" y="396" xlink:href="#p" />
|
||||
<use x="300" y="396" xlink:href="#p" />
|
||||
<use x="312" y="396" xlink:href="#p" />
|
||||
<use x="336" y="396" xlink:href="#p" />
|
||||
<use x="348" y="396" xlink:href="#p" />
|
||||
<use x="360" y="396" xlink:href="#p" />
|
||||
<use x="372" y="396" xlink:href="#p" />
|
||||
<use x="384" y="396" xlink:href="#p" />
|
||||
<use x="396" y="396" xlink:href="#p" />
|
||||
<use x="420" y="396" xlink:href="#p" />
|
||||
<use x="432" y="396" xlink:href="#p" />
|
||||
<use x="12" y="408" xlink:href="#p" />
|
||||
<use x="36" y="408" xlink:href="#p" />
|
||||
<use x="48" y="408" xlink:href="#p" />
|
||||
<use x="60" y="408" xlink:href="#p" />
|
||||
<use x="84" y="408" xlink:href="#p" />
|
||||
<use x="108" y="408" xlink:href="#p" />
|
||||
<use x="180" y="408" xlink:href="#p" />
|
||||
<use x="252" y="408" xlink:href="#p" />
|
||||
<use x="264" y="408" xlink:href="#p" />
|
||||
<use x="300" y="408" xlink:href="#p" />
|
||||
<use x="312" y="408" xlink:href="#p" />
|
||||
<use x="372" y="408" xlink:href="#p" />
|
||||
<use x="396" y="408" xlink:href="#p" />
|
||||
<use x="408" y="408" xlink:href="#p" />
|
||||
<use x="12" y="420" xlink:href="#p" />
|
||||
<use x="36" y="420" xlink:href="#p" />
|
||||
<use x="48" y="420" xlink:href="#p" />
|
||||
<use x="60" y="420" xlink:href="#p" />
|
||||
<use x="84" y="420" xlink:href="#p" />
|
||||
<use x="108" y="420" xlink:href="#p" />
|
||||
<use x="120" y="420" xlink:href="#p" />
|
||||
<use x="168" y="420" xlink:href="#p" />
|
||||
<use x="180" y="420" xlink:href="#p" />
|
||||
<use x="204" y="420" xlink:href="#p" />
|
||||
<use x="228" y="420" xlink:href="#p" />
|
||||
<use x="264" y="420" xlink:href="#p" />
|
||||
<use x="276" y="420" xlink:href="#p" />
|
||||
<use x="300" y="420" xlink:href="#p" />
|
||||
<use x="324" y="420" xlink:href="#p" />
|
||||
<use x="336" y="420" xlink:href="#p" />
|
||||
<use x="348" y="420" xlink:href="#p" />
|
||||
<use x="360" y="420" xlink:href="#p" />
|
||||
<use x="384" y="420" xlink:href="#p" />
|
||||
<use x="420" y="420" xlink:href="#p" />
|
||||
<use x="444" y="420" xlink:href="#p" />
|
||||
<use x="12" y="432" xlink:href="#p" />
|
||||
<use x="84" y="432" xlink:href="#p" />
|
||||
<use x="144" y="432" xlink:href="#p" />
|
||||
<use x="168" y="432" xlink:href="#p" />
|
||||
<use x="180" y="432" xlink:href="#p" />
|
||||
<use x="192" y="432" xlink:href="#p" />
|
||||
<use x="228" y="432" xlink:href="#p" />
|
||||
<use x="240" y="432" xlink:href="#p" />
|
||||
<use x="252" y="432" xlink:href="#p" />
|
||||
<use x="276" y="432" xlink:href="#p" />
|
||||
<use x="300" y="432" xlink:href="#p" />
|
||||
<use x="336" y="432" xlink:href="#p" />
|
||||
<use x="348" y="432" xlink:href="#p" />
|
||||
<use x="360" y="432" xlink:href="#p" />
|
||||
<use x="372" y="432" xlink:href="#p" />
|
||||
<use x="444" y="432" xlink:href="#p" />
|
||||
<use x="12" y="444" xlink:href="#p" />
|
||||
<use x="24" y="444" xlink:href="#p" />
|
||||
<use x="36" y="444" xlink:href="#p" />
|
||||
<use x="48" y="444" xlink:href="#p" />
|
||||
<use x="60" y="444" xlink:href="#p" />
|
||||
<use x="72" y="444" xlink:href="#p" />
|
||||
<use x="84" y="444" xlink:href="#p" />
|
||||
<use x="132" y="444" xlink:href="#p" />
|
||||
<use x="168" y="444" xlink:href="#p" />
|
||||
<use x="204" y="444" xlink:href="#p" />
|
||||
<use x="216" y="444" xlink:href="#p" />
|
||||
<use x="240" y="444" xlink:href="#p" />
|
||||
<use x="252" y="444" xlink:href="#p" />
|
||||
<use x="276" y="444" xlink:href="#p" />
|
||||
<use x="288" y="444" xlink:href="#p" />
|
||||
<use x="300" y="444" xlink:href="#p" />
|
||||
<use x="324" y="444" xlink:href="#p" />
|
||||
<use x="336" y="444" xlink:href="#p" />
|
||||
<use x="372" y="444" xlink:href="#p" />
|
||||
<use x="384" y="444" xlink:href="#p" />
|
||||
<use x="408" y="444" xlink:href="#p" />
|
||||
<use x="420" y="444" xlink:href="#p" />
|
||||
<use x="432" y="444" xlink:href="#p" />
|
||||
<use x="444" y="444" xlink:href="#p" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 27 KiB |
@@ -1 +0,0 @@
|
||||
7aa2a79d23a7d4293f2bdd0d4c09191ed15fd4de
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
BIN
src/views/system/index/image/qr@2x.png
Normal file
BIN
src/views/system/index/image/qr@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
@@ -1 +0,0 @@
|
||||
2ef12d88b2011063784c37f8b8490336503a5f88
|
||||
BIN
src/views/system/login/image/login-code.png
Normal file
BIN
src/views/system/login/image/login-code.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
src/views/system/login/image/logo@2x.png
Normal file
BIN
src/views/system/login/image/logo@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
@@ -1 +0,0 @@
|
||||
f37e18711a040d8dd2ad2af9cfb9f4ea6760c07a
|
||||
485
src/views/system/login/page.vue
Normal file
485
src/views/system/login/page.vue
Normal file
@@ -0,0 +1,485 @@
|
||||
<template>
|
||||
<div class="page-login">
|
||||
<div class="page-login--layer page-login--layer-area">
|
||||
<ul class="circles">
|
||||
<li v-for="n in 10" :key="n"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="page-login--layer page-login--layer-time"
|
||||
flex="main:center cross:center">
|
||||
{{time}}
|
||||
</div>
|
||||
<div class="page-login--layer">
|
||||
<div
|
||||
class="page-login--content"
|
||||
flex="dir:top main:justify cross:stretch box:justify">
|
||||
<div class="page-login--content-header">
|
||||
<p class="page-login--content-header-motto">
|
||||
时间是一切财富中最宝贵的财富
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="page-login--content-main"
|
||||
flex="dir:top main:center cross:center">
|
||||
<!-- logo -->
|
||||
<img class="page-login--logo" src="./image/logo@2x.png">
|
||||
<!-- form -->
|
||||
<div class="page-login--form">
|
||||
<el-card shadow="never">
|
||||
<el-form
|
||||
ref="loginForm"
|
||||
label-position="top"
|
||||
:rules="rules"
|
||||
:model="formLogin"
|
||||
size="default">
|
||||
<el-form-item prop="username">
|
||||
<el-input
|
||||
type="text"
|
||||
v-model="formLogin.username"
|
||||
placeholder="用户名">
|
||||
<i slot="prepend" class="fa fa-user-circle-o"></i>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="password">
|
||||
<el-input
|
||||
type="password"
|
||||
v-model="formLogin.password"
|
||||
placeholder="密码">
|
||||
<i slot="prepend" class="fa fa-keyboard-o"></i>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="code">
|
||||
<el-input
|
||||
type="text"
|
||||
v-model="formLogin.code"
|
||||
placeholder="验证码">
|
||||
<template slot="append">
|
||||
<img class="login-code" src="./image/login-code.png">
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-button
|
||||
size="default"
|
||||
@click="submit"
|
||||
type="primary"
|
||||
class="button-login">
|
||||
登录
|
||||
</el-button>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<p
|
||||
class="page-login--options"
|
||||
flex="main:justify cross:center">
|
||||
<span><d2-icon name="question-circle"/> 忘记密码</span>
|
||||
<span>注册用户</span>
|
||||
</p>
|
||||
<!-- quick login -->
|
||||
<el-button class="page-login--quick" size="default" type="info" @click="dialogVisible = true">
|
||||
快速选择用户（测试功能）
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-login--content-footer">
|
||||
<p class="page-login--content-footer-locales">
|
||||
<a
|
||||
v-for="language in $languages"
|
||||
:key="language.value"
|
||||
@click="onChangeLocale(language.value)">
|
||||
{{ language.label }}
|
||||
</a>
|
||||
</p>
|
||||
<p class="page-login--content-footer-copyright">
|
||||
Copyright
|
||||
<d2-icon name="copyright"/>
|
||||
2018 D2 Projects 开源组织出品
|
||||
<a href="https://github.com/FairyEver">
|
||||
@FairyEver
|
||||
</a>
|
||||
</p>
|
||||
<p class="page-login--content-footer-options">
|
||||
<a href="#">帮助</a>
|
||||
<a href="#">隐私</a>
|
||||
<a href="#">条款</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog
|
||||
title="快速选择用户"
|
||||
:visible.sync="dialogVisible"
|
||||
width="400px">
|
||||
<el-row :gutter="10" style="margin: -20px 0px -10px 0px;">
|
||||
<el-col v-for="(user, index) in users" :key="index" :span="8">
|
||||
<div class="page-login--quick-user" @click="handleUserBtnClick(user)">
|
||||
<d2-icon name="user-circle-o"/>
|
||||
<span>{{user.name}}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import dayjs from 'dayjs'
|
||||
import { mapActions } from 'vuex'
|
||||
import localeMixin from '@/locales/mixin.js'
|
||||
export default {
|
||||
mixins: [
|
||||
localeMixin
|
||||
],
|
||||
data () {
|
||||
return {
|
||||
timeInterval: null,
|
||||
time: dayjs().format('HH:mm:ss'),
|
||||
// 快速选择用户
|
||||
dialogVisible: false,
|
||||
users: [
|
||||
{
|
||||
name: 'Admin',
|
||||
username: 'admin',
|
||||
password: 'admin'
|
||||
},
|
||||
{
|
||||
name: 'Editor',
|
||||
username: 'editor',
|
||||
password: 'editor'
|
||||
},
|
||||
{
|
||||
name: 'User1',
|
||||
username: 'user1',
|
||||
password: 'user1'
|
||||
}
|
||||
],
|
||||
// 表单
|
||||
formLogin: {
|
||||
username: 'admin',
|
||||
password: 'admin',
|
||||
code: 'v9am'
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
username: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入用户名',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
password: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入密码',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
code: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入验证码',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.timeInterval = setInterval(() => {
|
||||
this.refreshTime()
|
||||
}, 1000)
|
||||
},
|
||||
beforeDestroy () {
|
||||
clearInterval(this.timeInterval)
|
||||
},
|
||||
methods: {
|
||||
...mapActions('d2admin/account', [
|
||||
'login'
|
||||
]),
|
||||
refreshTime () {
|
||||
this.time = dayjs().format('HH:mm:ss')
|
||||
},
|
||||
/**
|
||||
* @description 接收选择一个用户快速登录的事件
|
||||
* @param {Object} user 用户信息
|
||||
*/
|
||||
handleUserBtnClick (user) {
|
||||
this.formLogin.username = user.username
|
||||
this.formLogin.password = user.password
|
||||
this.submit()
|
||||
},
|
||||
/**
|
||||
* @description 提交表单
|
||||
*/
|
||||
// 提交登录信息
|
||||
submit () {
|
||||
this.$refs.loginForm.validate((valid) => {
|
||||
if (valid) {
|
||||
// 登录
|
||||
// 注意 这里的演示没有传验证码
|
||||
// 具体需要传递的数据请自行修改代码
|
||||
this.login({
|
||||
username: this.formLogin.username,
|
||||
password: this.formLogin.password
|
||||
})
|
||||
.then(() => {
|
||||
// 重定向对象不存在则返回顶层路径
|
||||
this.$router.replace(this.$route.query.redirect || '/')
|
||||
})
|
||||
} else {
|
||||
// 登录表单校验失败
|
||||
this.$message.error('表单校验失败，请检查')
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.page-login {
|
||||
@extend %unable-select;
|
||||
$backgroundColor: #F0F2F5;
|
||||
// ---
|
||||
background-color: $backgroundColor;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
// 层
|
||||
.page-login--layer {
|
||||
@extend %full;
|
||||
overflow: auto;
|
||||
}
|
||||
.page-login--layer-area {
|
||||
overflow: hidden;
|
||||
}
|
||||
// 时间
|
||||
.page-login--layer-time {
|
||||
font-size: 24em;
|
||||
font-weight: bold;
|
||||
color: rgba(0, 0, 0, 0.03);
|
||||
overflow: hidden;
|
||||
}
|
||||
// 登陆页面控件的容器
|
||||
.page-login--content {
|
||||
height: 100%;
|
||||
min-height: 500px;
|
||||
}
|
||||
// header
|
||||
.page-login--content-header {
|
||||
padding: 1em 0;
|
||||
.page-login--content-header-motto {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
color: $color-text-normal;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
// main
|
||||
.page-login--logo {
|
||||
width: 240px;
|
||||
margin-bottom: 2em;
|
||||
margin-top: -2em;
|
||||
}
|
||||
// 登录表单
|
||||
.page-login--form {
|
||||
width: 280px;
|
||||
// 卡片
|
||||
.el-card {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
// 登录按钮
|
||||
.button-login {
|
||||
width: 100%;
|
||||
}
|
||||
// 输入框左边的图表区域缩窄
|
||||
.el-input-group__prepend {
|
||||
padding: 0px 14px;
|
||||
}
|
||||
.login-code {
|
||||
height: 40px - 2px;
|
||||
display: block;
|
||||
margin: 0px -20px;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
// 登陆选项
|
||||
.page-login--options {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-size: 14px;
|
||||
color: $color-primary;
|
||||
margin-bottom: 15px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.page-login--quick {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
// 快速选择用户面板
|
||||
.page-login--quick-user {
|
||||
@extend %flex-center-col;
|
||||
padding: 10px 0px;
|
||||
border-radius: 4px;
|
||||
&:hover {
|
||||
background-color: $color-bg;
|
||||
i {
|
||||
color: $color-text-normal;
|
||||
}
|
||||
span {
|
||||
color: $color-text-normal;
|
||||
}
|
||||
}
|
||||
i {
|
||||
font-size: 36px;
|
||||
color: $color-text-sub;
|
||||
}
|
||||
span {
|
||||
font-size: 12px;
|
||||
margin-top: 10px;
|
||||
color: $color-text-sub;
|
||||
}
|
||||
}
|
||||
// footer
|
||||
.page-login--content-footer {
|
||||
padding: 1em 0;
|
||||
.page-login--content-footer-locales {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
margin-bottom: 15px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
text-align: center;
|
||||
color: $color-text-normal;
|
||||
a {
|
||||
color: $color-text-normal;
|
||||
margin: 0 .5em;
|
||||
&:hover {
|
||||
color: $color-text-main;
|
||||
}
|
||||
}
|
||||
}
|
||||
.page-login--content-footer-copyright {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
text-align: center;
|
||||
color: $color-text-normal;
|
||||
a {
|
||||
color: $color-text-normal;
|
||||
}
|
||||
}
|
||||
.page-login--content-footer-options {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
text-align: center;
|
||||
a {
|
||||
color: $color-text-normal;
|
||||
margin: 0 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 背景
|
||||
.circles {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
li {
|
||||
position: absolute;
|
||||
display: block;
|
||||
list-style: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #FFF;
|
||||
animation: animate 25s linear infinite;
|
||||
bottom: -200px;
|
||||
@keyframes animate {
|
||||
0%{
|
||||
transform: translateY(0) rotate(0deg);
|
||||
opacity: 1;
|
||||
border-radius: 0;
|
||||
}
|
||||
100%{
|
||||
transform: translateY(-1000px) rotate(720deg);
|
||||
opacity: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
&:nth-child(1) {
|
||||
left: 15%;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
&:nth-child(2) {
|
||||
left: 5%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
animation-delay: 2s;
|
||||
animation-duration: 12s;
|
||||
}
|
||||
&:nth-child(3) {
|
||||
left: 70%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
animation-delay: 4s;
|
||||
}
|
||||
&:nth-child(4) {
|
||||
left: 40%;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
animation-delay: 0s;
|
||||
animation-duration: 18s;
|
||||
}
|
||||
&:nth-child(5) {
|
||||
left: 65%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
&:nth-child(6) {
|
||||
left: 75%;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
animation-delay: 3s;
|
||||
}
|
||||
&:nth-child(7) {
|
||||
left: 35%;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
animation-delay: 7s;
|
||||
}
|
||||
&:nth-child(8) {
|
||||
left: 50%;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
animation-delay: 15s;
|
||||
animation-duration: 45s;
|
||||
}
|
||||
&:nth-child(9) {
|
||||
left: 20%;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
animation-delay: 2s;
|
||||
animation-duration: 35s;
|
||||
}
|
||||
&:nth-child(10) {
|
||||
left: 85%;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
animation-delay: 0s;
|
||||
animation-duration: 11s;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1 +0,0 @@
|
||||
1233019702184e7285e070b183c86ba6f3fb4be0
|
||||
Reference in New Issue
Block a user