Skip to content

肖康 / cloudSystem

Go to a project
Commit 60624613 by liangjianmin
Options

css

parent 7157504e
Inline Side-by-side
Showing with 286 additions and 28 deletions
src/assets/css/font/demo_index.html
......@@ -55,6 +55,12 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe735;</span>
<div class="name">登录-密码备份</div>
<div class="code-name">&amp;#xe735;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe733;</span>
<div class="name">隐藏</div>
<div class="code-name">&amp;#xe733;</div>
......@@ -150,9 +156,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1620613506704') format('woff2'),
url('iconfont.woff?t=1620613506704') format('woff'),
url('iconfont.ttf?t=1620613506704') format('truetype');
src: url('iconfont.woff2?t=1620617588072') format('woff2'),
url('iconfont.woff?t=1620617588072') format('woff'),
url('iconfont.ttf?t=1620617588072') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
......@@ -179,6 +185,15 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icondenglu-mimabeifen"></span>
<div class="name">
登录-密码备份
</div>
<div class="code-name">.icondenglu-mimabeifen
</div>
</li>
<li class="dib">
<span class="icon iconfont iconyincang"></span>
<div class="name">
隐藏
......@@ -324,6 +339,14 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icondenglu-mimabeifen"></use>
</svg>
<div class="name">登录-密码备份</div>
<div class="code-name">#icondenglu-mimabeifen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconyincang"></use>
</svg>
<div class="name">隐藏</div>
......
src/assets/css/font/iconfont.css
@font-face {
font-family: "iconfont"; /* Project id 2537242 */
src: url('iconfont.woff2?t=1620613506704') format('woff2'),
url('iconfont.woff?t=1620613506704') format('woff'),
url('iconfont.ttf?t=1620613506704') format('truetype');
src: url('iconfont.woff2?t=1620617588072') format('woff2'),
url('iconfont.woff?t=1620617588072') format('woff'),
url('iconfont.ttf?t=1620617588072') format('truetype');
}
.iconfont {
......@@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale;
}
.icondenglu-mimabeifen:before {
content: "\e735";
}
.iconyincang:before {
content: "\e733";
}
......
src/assets/css/font/iconfont.js
!function(a){var c,t,l,e,o,i,n='<svg><symbol id="iconyincang" viewBox="0 0 1024 1024"><path d="M511.488 545.8944c-183.9616 0-367.6672-55.8592-498.5856-167.424a37.5296 37.5296 0 0 1-3.4816-53.0944 37.888 37.888 0 0 1 53.3504-3.4304c230.8608 198.656 667.648 198.656 897.536 0a37.888 37.888 0 0 1 53.3504 3.4304 37.5296 37.5296 0 0 1-3.5328 53.1456c-130.8672 111.5136-314.624 167.3728-498.5856 167.3728z m-136.6016 164.352a30.8224 30.8224 0 0 1-6.7072 0 36.864 36.864 0 0 1-31.1296-44.9536l24.8832-146.4832a37.888 37.888 0 0 1 74.752 12.9024l-24.8832 146.4832a37.376 37.376 0 0 1-36.864 32.0512z m560.4864-74.496a36.864 36.864 0 0 1-26.4192-11.1616l-122.88-124.16a37.12 37.12 0 0 1 15.9744-64.3584 37.5296 37.5296 0 0 1 37.0688 12.2368l122.88 124.1088a37.1712 37.1712 0 0 1 0 52.6848 39.0656 39.0656 0 0 1-26.624 10.6496z m-847.6672 0a38.9632 38.9632 0 0 1-24.9344-10.6496 37.12 37.12 0 0 1 0-52.6848l122.88-124.1088a37.4784 37.4784 0 0 1 67.4304 14.1312 37.1712 37.1712 0 0 1-15.8208 37.9904l-122.88 124.16a36.9664 36.9664 0 0 1-26.6752 11.1616z m562.176 74.496a37.376 37.376 0 0 1-36.6592-30.8224l-24.9344-146.432a37.12 37.12 0 0 1 9.728-38.8096 37.5296 37.5296 0 0 1 63.0784 24.576l24.9344 146.5344a37.2224 37.2224 0 0 1-30.208 43.2128 30.7712 30.7712 0 0 1-5.9392 1.6896v0.0512z" fill="#A1ACC1" ></path></symbol><symbol id="iconyanjing" viewBox="0 0 1024 1024"><path d="M511.488 249.1904c188.9792 0 361.0624 183.6032 426.8032 262.2976-65.7408 78.7456-237.824 262.2976-426.8032 262.2976-188.928 0-361.0624-183.552-426.752-262.2976C150.4256 432.7936 322.5088 249.1904 511.488 249.1904z m0-78.6944C276.992 170.496 78.336 394.24 11.3152 479.232a51.6096 51.6096 0 0 0 0 64.512c67.0208 84.992 265.728 308.736 500.224 308.736 234.496 0 433.152-223.744 500.1728-308.736a51.6096 51.6096 0 0 0 0-64.512c-67.072-84.992-265.728-308.736-500.224-308.736z m0 262.2976c42.3936 0 76.7488 35.2256 76.7488 78.6944 0 43.52-34.3552 78.7456-76.7488 78.7456-42.3424 0-76.6976-35.2768-76.6976-78.7456 0-43.4688 34.304-78.6944 76.6976-78.6944z m0-78.6432c-62.0544 0-118.016 38.2976-141.7216 97.1264a160.3072 160.3072 0 0 0 33.28 171.52 150.6304 150.6304 0 0 0 167.168 34.0992c57.344-24.32 94.72-81.7664 94.72-145.408 0-86.9376-68.6592-157.3376-153.3952-157.3376z" fill="#A1ACC1" ></path></symbol><symbol id="icondrow" viewBox="0 0 1024 1024"><path d="M534.26087 872.358957a381.729391 381.729391 0 1 1 0.623304-763.458783A381.729391 381.729391 0 0 1 534.26087 872.358957zM534.26087 934.956522c245.893565 0 445.217391-199.323826 445.217391-445.217392S780.154435 44.521739 534.26087 44.521739 89.043478 243.845565 89.043478 489.73913s199.323826 445.217391 445.217392 445.217392z m0-277.504a31.165217 31.165217 0 0 0 22.79513-9.883826l192.333913-205.022609a31.298783 31.298783 0 1 0-45.679304-42.874435L534.26087 580.296348 364.989217 399.716174a31.298783 31.298783 0 0 0-45.634782 42.874435l192.111304 205.156174c5.921391 6.233043 14.157913 9.794783 22.795131 9.705739z" ></path></symbol><symbol id="iconsanjiao" viewBox="0 0 1152 1024"><path d="M473.6 762.496L153.6 335.872a128 128 0 0 1 102.4-204.8h640a128 128 0 0 1 102.4 204.8L678.4 762.496a128 128 0 0 1-204.8 0z" ></path></symbol><symbol id="iconsy" viewBox="0 0 1024 1024"><path d="M932.4544 477.44h-17.2544l-385.8944-374.3744c-11.52-11.52-23.04-11.52-34.56 0l-391.68 374.3744h-11.52a39.3728 39.3728 0 0 0-40.3456 40.3456v34.56c0 23.04 17.2544 40.2944 40.3456 40.2944h103.6288v264.96c0 23.04 17.3056 40.3456 40.3456 40.3456h167.0656c23.04 0 40.2944-17.3056 40.2944-40.3456v-213.0944h138.24v213.0944c0 23.04 17.3056 40.3456 40.2944 40.3456H788.48c23.04 0 40.2944-17.3056 40.2944-40.3456v-264.96h103.68c23.04 0 40.3456-17.2544 40.3456-40.2944v-34.56a39.3728 39.3728 0 0 0-40.3456-40.3456z" ></path></symbol><symbol id="iconstore" viewBox="0 0 1024 1024"><path d="M407.296 305.664a151.2448 151.2448 0 0 0-151.1424-151.1424A151.2448 151.2448 0 0 0 105.0112 305.664c0 41.6768 15.616 78.1824 41.6768 104.2432-5.2224 31.232-10.3936 62.5664-10.3936 93.7984a398.848 398.848 0 0 0 187.5968 338.7904l31.2832-125.0816a277.6576 277.6576 0 0 1-99.0208-213.7088c0-15.616 0-31.232 5.2224-46.8992 78.1824 0 145.92-67.7376 145.92-151.1424zM537.6 222.2592c52.1216 0 99.0208 15.6672 140.7488 36.5056-5.2224 15.616-10.4448 36.4544-10.4448 52.1216a151.2448 151.2448 0 0 0 151.1424 151.1424 151.2448 151.2448 0 0 0 151.1424-151.1424 151.2448 151.2448 0 0 0-151.1424-151.1424c-20.8384 0-36.5056 5.2224-57.344 10.3936A406.0672 406.0672 0 0 0 537.6 102.4c-57.344 0-114.688 10.4448-161.5872 36.5056l67.7888 99.0208A295.1168 295.1168 0 0 1 537.6 222.208z m281.4464 291.84c-5.2224 104.2944-62.5664 192.8704-151.1424 234.5984-26.112-46.8992-78.1824-83.4048-135.5264-83.4048a151.2448 151.2448 0 0 0-151.1424 151.1424 151.2448 151.2448 0 0 0 151.1424 151.1424c62.5664 0 114.688-36.4544 140.7488-93.7984 156.3648-57.344 265.7792-203.264 265.7792-375.296v-26.0096c-5.1712 5.1712-119.8592 41.6768-119.8592 41.6768z" ></path></symbol><symbol id="iconsq" viewBox="0 0 1024 1024"><path d="M399.758222 260.551111a7.395556 7.395556 0 0 0-12.629333-4.323555l-40.504889 40.561777-124.017778-123.960889a7.395556 7.395556 0 0 0-10.467555 0l-39.253334 39.253334a7.395556 7.395556 0 0 0 0 10.467555l123.960889 124.017778-40.732444 40.675556a7.395556 7.395556 0 0 0 4.380444 12.629333l148.536889 17.464889a7.395556 7.395556 0 0 0 8.305778-8.192L399.758222 260.551111z m9.386667 346.168889l-148.650667 17.521778a7.395556 7.395556 0 0 0-4.380444 12.629333l40.732444 40.732445-124.017778 123.790222a7.452444 7.452444 0 0 0 0 10.524444l39.253334 39.253334a7.395556 7.395556 0 0 0 10.524444 0l124.017778-124.017778 40.504889 40.561778a7.395556 7.395556 0 0 0 12.629333-4.323556l17.521778-148.48a7.338667 7.338667 0 0 0-8.135111-8.192z m205.653333-189.383111l148.707556-17.521778a7.395556 7.395556 0 0 0 4.380444-12.629333l-40.732444-40.618667 124.017778-123.904a7.452444 7.452444 0 0 0 0-10.467555l-39.310223-39.253334a7.452444 7.452444 0 0 0-10.524444 0l-124.017778 123.847111-40.504889-40.561777a7.395556 7.395556 0 0 0-12.629333 4.380444l-17.464889 148.48a7.395556 7.395556 0 0 0 8.078222 8.248889z m112.355556 260.152889l40.732444-40.675556a7.395556 7.395556 0 0 0-4.380444-12.629333l-148.536889-17.521778a7.395556 7.395556 0 0 0-8.305778 8.248889l17.521778 148.536889a7.395556 7.395556 0 0 0 12.629333 4.380444l40.561778-40.561777 124.017778 123.904c2.844444 2.901333 7.566222 2.901333 10.467555 0l39.310223-39.196445a7.452444 7.452444 0 0 0 0-10.467555l-124.017778-124.017778z" ></path></symbol><symbol id="iconuser" viewBox="0 0 1024 1024"><path d="M627.6608 564.4288a288 288 0 0 1 288 283.9552v18.432c0 60.16-113.8176 63.6928-260.1984 63.8976H413.9008C267.8784 930.5088 153.6 926.976 153.6 866.816v-18.432a288 288 0 0 1 288-283.9552zM525.1072 51.2c123.4432 0 223.488 98.5088 223.488 220.0576 0 121.4976-100.0448 220.0064-223.488 220.0064-123.392 0-223.488-98.5088-223.488-220.0576C301.6192 149.76 401.7152 51.2 525.1072 51.2z" ></path></symbol><symbol id="iconwd" viewBox="0 0 1024 1024"><path d="M250.212174 44.521739C188.059826 44.521739 137.750261 96.701217 137.750261 161.124174v699.614609c0 64.422957 50.309565 116.646957 112.372869 116.646956h561.997913c62.063304 0 118.561391-52.224 118.561392-116.646956V249.766957L738.482087 44.521739H250.212174z m449.224348 66.649044l165.175652 166.555826h-138.195478a27.158261 27.158261 0 0 1-26.980174-27.247305v-139.353043z m110.102261 799.565913H258.938435c-30.408348 0-55.073391-25.6-55.073392-57.07687V168.247652c0-31.521391 24.665043-57.07687 55.073392-57.076869h385.424695v171.319652c0 31.521391 24.665043 57.121391 55.073392 57.121391h165.175652v514.048c0 31.47687-24.665043 57.07687-55.073391 57.07687zM574.775652 410.935652H295.446261c-14.959304-1.78087-26.089739-16.027826-25.377391-32.634435-1.424696-17.007304 9.883826-32.189217 25.377391-33.970087h279.373913c15.538087 1.78087 26.802087 16.918261 25.377391 33.970087 0.712348 16.562087-10.418087 30.853565-25.377391 32.634435h-0.044522z m198.566957 166.600348H295.17913c-14.692174-3.205565-25.243826-17.14087-25.243826-33.346783 0-16.161391 10.551652-30.096696 25.110261-33.30226h478.386087c14.60313 3.205565 25.110261 17.14087 25.110261 33.30226 0 16.205913-10.50713 30.141217-25.110261 33.346783h-0.089043z m0 166.555826H295.17913c-14.692174-3.205565-25.243826-17.14087-25.243826-33.302261s10.551652-30.096696 25.110261-33.302261h478.386087c14.60313 3.205565 25.110261 17.14087 25.110261 33.302261s-10.50713 30.096696-25.110261 33.302261h-0.089043z" ></path></symbol><symbol id="iconmsg" viewBox="0 0 1024 1024"><path d="M884.023652 71.546435c59.347478 0 102.4 45.990957 102.4 109.345391v549.398261c0 61.217391-41.182609 102.4-102.4 102.4h-217.711304l-128.801391 127.24313a36.730435 36.730435 0 0 1-25.822609 10.685218 36.062609 36.062609 0 0 1-25.6-10.551652L354.838261 832.556522H135.479652c-61.44 0-102.66713-41.182609-102.66713-102.4V180.891826c0-63.354435 43.186087-109.345391 102.66713-109.345391z m0 72.748522H135.479652c-26.980174 0-29.918609 25.555478-29.918609 36.596869v549.220174c0 21.147826 8.681739 29.696 29.918609 29.696H368.64a35.929043 35.929043 0 0 1 26.624 10.462609l116.157217 112.461913 113.886609-112.239305a36.329739 36.329739 0 0 1 25.822609-10.685217h232.848695c21.103304 0 29.696-8.548174 29.696-29.651478V180.847304c0-11.041391-2.938435-36.59687-29.696-36.596869zM289.970087 383.777391c35.617391 0 64.556522 28.93913 64.556522 64.556522l-0.356174 6.233044a64.556522 64.556522 0 0 1-128.712348-6.233044l0.26713-6.233043a64.556522 64.556522 0 0 1 64.24487-58.323479z m229.910261 0c35.617391 0 64.556522 28.93913 64.556522 64.556522l-0.311653 6.233044a64.556522 64.556522 0 0 1-128.756869-6.233044l0.311652-6.233043a64.556522 64.556522 0 0 1 64.200348-58.323479z m228.396522-0.801391a64.556522 64.556522 0 1 1 0 129.024 64.556522 64.556522 0 0 1 0-129.024z" ></path></symbol><symbol id="iconclose" viewBox="0 0 1024 1024"><path d="M924.544 337.728a446.208 446.208 0 0 0-95.936-142.336A446.208 446.208 0 0 0 512 64.192a446.208 446.208 0 0 0-316.608 131.2A446.208 446.208 0 0 0 64.192 512a446.208 446.208 0 0 0 131.2 316.608A446.208 446.208 0 0 0 512 959.808a446.208 446.208 0 0 0 316.608-131.2A446.208 446.208 0 0 0 959.744 512c0-60.416-11.84-119.04-35.2-174.272zM512 896.256A384.64 384.64 0 0 1 127.744 512 384.64 384.64 0 0 1 512 127.744 384.64 384.64 0 0 1 896.256 512 384.64 384.64 0 0 1 512 896.256z m180.992-565.248c-12.48-12.544-31.488-13.76-42.368-2.88L512 466.752 373.376 328.128c-10.88-10.88-29.888-9.6-42.368 2.88-12.544 12.48-13.76 31.488-2.88 42.368L466.752 512l-138.624 138.624c-10.88 10.88-9.6 29.888 2.88 42.368 12.48 12.544 31.488 13.76 42.368 2.88L512 557.248l138.624 138.624c10.88 10.88 29.888 9.6 42.368-2.88 12.544-12.48 13.76-31.488 2.88-42.368L557.248 512l138.624-138.624c10.88-10.88 9.6-29.888-2.88-42.368z" ></path></symbol><symbol id="icongoods" viewBox="0 0 1024 1024"><path d="M482.8672 510.8736L138.6496 351.0784a27.9552 27.9552 0 0 0-10.9056-2.2016 25.0368 25.0368 0 0 0-25.344 24.6784v365.2608c0 18.0224 10.0864 34.5088 26.112 42.752l344.9344 187.392a25.344 25.344 0 0 0 25.3952 0 23.9104 23.9104 0 0 0 12.6976-21.0432v-392.448a49.3056 49.3056 0 0 0-28.672-44.544z m-73.5232 135.168l-204.8-100.352v-49.3056l204.8 98.56v51.0976z m535.552-358.7584a21.4016 21.4016 0 0 0-12.6976-27.904L557.568 106.496a52.5312 52.5312 0 0 0-40.5504 0L142.2848 259.3792a22.4768 22.4768 0 0 0-12.6976 12.3392 21.4016 21.4016 0 0 0 12.6976 27.904l374.6816 152.9344c13.056 5.0176 27.4944 5.0176 40.5504 0l374.6816-152.9344a22.4768 22.4768 0 0 0 12.6976-12.288z m24.6272 75.3664a26.112 26.112 0 0 0-33.6896-11.5712l-344.2176 160.1536a48.896 48.896 0 0 0-28.672 44.2368v392.0896c0 4.3008 1.1776 8.5504 3.2768 12.288a26.112 26.112 0 0 0 36.2496 9.0624l344.9856-186.9824a49.3056 49.3056 0 0 0 24.6272-43.1104V373.5552a21.76 21.76 0 0 0-2.56-10.9056z m-41.6256 244.992v72.448H896s-2.56 9.7792-3.9936 14.4896l-4.352 11.6224 22.4768 29.696-40.2432 55.0912-22.4768-29.3376-9.0624 5.7856a83.3536 83.3536 0 0 1-11.5712 5.4272v41.6768H769.536v-41.3184a67.7376 67.7376 0 0 1-11.6224-5.4272l-8.704-5.7856-22.4256 29.3376-40.96-52.1728 22.4768-29.696a108.6976 108.6976 0 0 1-4.352-11.6224 108.6976 108.6976 0 0 1-3.9936-14.4896h-31.8976v-72.448h31.8976c2.048-9.8304 5.12-19.456 9.0624-28.672l-22.528-29.3376 39.5264-51.8144 22.528 29.3376c6.656-4.9664 13.9264-8.96 21.7088-11.9296v-44.9536h56.8832v41.6768c7.8848 2.9696 15.3088 7.0144 22.1184 11.9808l22.4768-29.3888 39.4752 51.8144-22.4768 29.3888c3.9424 9.216 6.9632 18.7904 9.0624 28.6208h30.1056z m-130.4576 132.9664c-40.2432 0-72.4992-43.1104-72.4992-96.3584s32.256-96.4096 72.4992-96.4096c40.192 0 72.448 43.1104 72.448 96.4096 0 53.248-32.256 96.3584-72.448 96.3584z" ></path></symbol><symbol id="iconbj" viewBox="0 0 1024 1024"><path d="M862.0544 928.512H160.4608a39.8336 39.8336 0 0 1-40.448-39.1168V211.2c0-21.6064 18.1248-39.1168 40.448-39.1168h67.4816v39.1168c0 43.2128 36.2496 78.2336 80.9472 78.2336s80.896-35.0208 80.896-78.2336V172.032h40.4992v39.1168c0 43.2128 36.2496 78.2336 80.9472 78.2336s80.9984-35.0208 80.9984-78.2336V172.032h40.448v39.1168c0 43.2128 36.2496 78.2336 80.896 78.2336 44.7488 0 80.9984-35.0208 80.9984-78.2336V172.032h67.4816c22.3232 0 40.448 17.5104 40.448 39.1168V889.344a39.8336 39.8336 0 0 1-40.448 39.1168zM754.176 393.7792H268.3904a39.7824 39.7824 0 0 0-40.448 39.1168c0 21.6064 18.0736 39.1168 40.448 39.1168h485.7344c22.3744 0 40.448-17.5104 40.448-39.1168a39.7824 39.7824 0 0 0-40.448-39.1168z m0 169.5744H268.3904a39.7824 39.7824 0 0 0-40.448 39.1168c0 21.6064 18.0736 39.1168 40.448 39.1168h485.7344c22.3744 0 40.448-17.5104 40.448-39.1168a39.7824 39.7824 0 0 0-40.448-39.1168z m6.7072 169.5232H261.632a33.1264 33.1264 0 0 0-33.6896 32.6144c0 17.9712 15.104 32.6144 33.6896 32.6144h499.2a33.1776 33.1776 0 0 0 33.7408-32.6144 33.1264 33.1264 0 0 0-33.7408-32.6144z m-47.2064-482.56a39.8336 39.8336 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.1248-39.168 40.448-39.168 22.3232 0 40.448 17.5616 40.448 39.168v78.2336a39.8336 39.8336 0 0 1-40.448 39.1168z m-202.3936 0a39.7824 39.7824 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.1248-39.168 40.448-39.168 22.3744 0 40.448 17.5616 40.448 39.168v78.2336a39.7824 39.7824 0 0 1-40.448 39.1168z m-202.3424 0a39.8336 39.8336 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.0736-39.168 40.448-39.168 22.3232 0 40.448 17.5616 40.448 39.168v78.2336a39.8336 39.8336 0 0 1-40.448 39.1168z" ></path></symbol></svg>',m=(m=document.getElementsByTagName("script"))[m.length-1].getAttribute("data-injectcss");if(m&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}function s(){o||(o=!0,l())}c=function(){var a,c,t,l;(l=document.createElement("div")).innerHTML=n,n=null,(t=l.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",a=t,(c=document.body).firstChild?(l=a,(t=c.firstChild).parentNode.insertBefore(l,t)):c.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(c,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),c()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(l=c,e=a.document,o=!1,(i=function(){try{e.documentElement.doScroll("left")}catch(a){return void setTimeout(i,50)}s()})(),e.onreadystatechange=function(){"complete"==e.readyState&&(e.onreadystatechange=null,s())})}(window);
\ No newline at end of file
!function(a){var c,l,t,e,o,i,n='<svg><symbol id="icondenglu-mimabeifen" viewBox="0 0 1075 1024"><path d="M441.344 17.408c-14.848 4.096-44.032 15.36-65.024 25.6-46.592 23.04-86.016 64-111.616 117.248-28.16 57.344-34.304 89.6-34.304 174.08v73.728l-33.28 2.56c-39.936 3.584-65.024 19.968-79.872 52.224-8.704 19.456-9.728 37.376-9.728 249.856 0 149.504 2.048 233.472 5.632 243.2 7.168 19.456 28.672 40.96 53.248 54.272 20.48 11.264 24.064 11.264 325.12 12.8 167.424 1.024 316.416 0 331.264-1.536 35.84-4.608 57.344-19.968 74.752-53.76l14.336-28.16-1.536-230.4c-1.536-227.328-1.536-230.912-12.8-251.904-15.872-28.672-40.448-46.592-74.752-53.248l-29.184-6.144V325.632c0-115.2-18.944-168.96-83.456-233.984C670.208 51.2 636.928 31.232 585.728 17.92 549.888 8.704 478.72 8.704 441.344 17.408z m159.232 68.608c41.472 20.48 83.968 65.024 105.984 110.592 15.36 32.256 15.36 33.28 15.36 120.32V404.48H307.2V330.752c0-88.064 8.704-123.392 43.008-173.056 43.008-63.488 100.352-92.672 175.616-89.6 34.304 1.536 47.104 4.608 74.752 17.92z m-55.296 469.504c8.704 4.608 23.04 14.848 31.232 23.552 19.968 20.992 23.552 69.12 7.168 101.376-6.144 12.288-15.36 23.552-20.992 24.576-8.704 2.56-9.728 7.68-9.728 64.512 0 56.32-1.024 62.976-11.264 73.728-15.872 16.896-46.08 16.384-59.904-1.536-9.728-12.288-10.752-20.48-10.752-73.728 0-57.856-0.512-59.904-13.312-72.192-26.112-24.064-34.816-65.024-20.48-98.304 17.408-41.472 67.584-60.928 108.032-41.984z" fill="#A1ACC1" ></path></symbol><symbol id="iconyincang" viewBox="0 0 1024 1024"><path d="M511.488 545.8944c-183.9616 0-367.6672-55.8592-498.5856-167.424a37.5296 37.5296 0 0 1-3.4816-53.0944 37.888 37.888 0 0 1 53.3504-3.4304c230.8608 198.656 667.648 198.656 897.536 0a37.888 37.888 0 0 1 53.3504 3.4304 37.5296 37.5296 0 0 1-3.5328 53.1456c-130.8672 111.5136-314.624 167.3728-498.5856 167.3728z m-136.6016 164.352a30.8224 30.8224 0 0 1-6.7072 0 36.864 36.864 0 0 1-31.1296-44.9536l24.8832-146.4832a37.888 37.888 0 0 1 74.752 12.9024l-24.8832 146.4832a37.376 37.376 0 0 1-36.864 32.0512z m560.4864-74.496a36.864 36.864 0 0 1-26.4192-11.1616l-122.88-124.16a37.12 37.12 0 0 1 15.9744-64.3584 37.5296 37.5296 0 0 1 37.0688 12.2368l122.88 124.1088a37.1712 37.1712 0 0 1 0 52.6848 39.0656 39.0656 0 0 1-26.624 10.6496z m-847.6672 0a38.9632 38.9632 0 0 1-24.9344-10.6496 37.12 37.12 0 0 1 0-52.6848l122.88-124.1088a37.4784 37.4784 0 0 1 67.4304 14.1312 37.1712 37.1712 0 0 1-15.8208 37.9904l-122.88 124.16a36.9664 36.9664 0 0 1-26.6752 11.1616z m562.176 74.496a37.376 37.376 0 0 1-36.6592-30.8224l-24.9344-146.432a37.12 37.12 0 0 1 9.728-38.8096 37.5296 37.5296 0 0 1 63.0784 24.576l24.9344 146.5344a37.2224 37.2224 0 0 1-30.208 43.2128 30.7712 30.7712 0 0 1-5.9392 1.6896v0.0512z" fill="#A1ACC1" ></path></symbol><symbol id="iconyanjing" viewBox="0 0 1024 1024"><path d="M511.488 249.1904c188.9792 0 361.0624 183.6032 426.8032 262.2976-65.7408 78.7456-237.824 262.2976-426.8032 262.2976-188.928 0-361.0624-183.552-426.752-262.2976C150.4256 432.7936 322.5088 249.1904 511.488 249.1904z m0-78.6944C276.992 170.496 78.336 394.24 11.3152 479.232a51.6096 51.6096 0 0 0 0 64.512c67.0208 84.992 265.728 308.736 500.224 308.736 234.496 0 433.152-223.744 500.1728-308.736a51.6096 51.6096 0 0 0 0-64.512c-67.072-84.992-265.728-308.736-500.224-308.736z m0 262.2976c42.3936 0 76.7488 35.2256 76.7488 78.6944 0 43.52-34.3552 78.7456-76.7488 78.7456-42.3424 0-76.6976-35.2768-76.6976-78.7456 0-43.4688 34.304-78.6944 76.6976-78.6944z m0-78.6432c-62.0544 0-118.016 38.2976-141.7216 97.1264a160.3072 160.3072 0 0 0 33.28 171.52 150.6304 150.6304 0 0 0 167.168 34.0992c57.344-24.32 94.72-81.7664 94.72-145.408 0-86.9376-68.6592-157.3376-153.3952-157.3376z" fill="#A1ACC1" ></path></symbol><symbol id="icondrow" viewBox="0 0 1024 1024"><path d="M534.26087 872.358957a381.729391 381.729391 0 1 1 0.623304-763.458783A381.729391 381.729391 0 0 1 534.26087 872.358957zM534.26087 934.956522c245.893565 0 445.217391-199.323826 445.217391-445.217392S780.154435 44.521739 534.26087 44.521739 89.043478 243.845565 89.043478 489.73913s199.323826 445.217391 445.217392 445.217392z m0-277.504a31.165217 31.165217 0 0 0 22.79513-9.883826l192.333913-205.022609a31.298783 31.298783 0 1 0-45.679304-42.874435L534.26087 580.296348 364.989217 399.716174a31.298783 31.298783 0 0 0-45.634782 42.874435l192.111304 205.156174c5.921391 6.233043 14.157913 9.794783 22.795131 9.705739z" ></path></symbol><symbol id="iconsanjiao" viewBox="0 0 1152 1024"><path d="M473.6 762.496L153.6 335.872a128 128 0 0 1 102.4-204.8h640a128 128 0 0 1 102.4 204.8L678.4 762.496a128 128 0 0 1-204.8 0z" ></path></symbol><symbol id="iconsy" viewBox="0 0 1024 1024"><path d="M932.4544 477.44h-17.2544l-385.8944-374.3744c-11.52-11.52-23.04-11.52-34.56 0l-391.68 374.3744h-11.52a39.3728 39.3728 0 0 0-40.3456 40.3456v34.56c0 23.04 17.2544 40.2944 40.3456 40.2944h103.6288v264.96c0 23.04 17.3056 40.3456 40.3456 40.3456h167.0656c23.04 0 40.2944-17.3056 40.2944-40.3456v-213.0944h138.24v213.0944c0 23.04 17.3056 40.3456 40.2944 40.3456H788.48c23.04 0 40.2944-17.3056 40.2944-40.3456v-264.96h103.68c23.04 0 40.3456-17.2544 40.3456-40.2944v-34.56a39.3728 39.3728 0 0 0-40.3456-40.3456z" ></path></symbol><symbol id="iconstore" viewBox="0 0 1024 1024"><path d="M407.296 305.664a151.2448 151.2448 0 0 0-151.1424-151.1424A151.2448 151.2448 0 0 0 105.0112 305.664c0 41.6768 15.616 78.1824 41.6768 104.2432-5.2224 31.232-10.3936 62.5664-10.3936 93.7984a398.848 398.848 0 0 0 187.5968 338.7904l31.2832-125.0816a277.6576 277.6576 0 0 1-99.0208-213.7088c0-15.616 0-31.232 5.2224-46.8992 78.1824 0 145.92-67.7376 145.92-151.1424zM537.6 222.2592c52.1216 0 99.0208 15.6672 140.7488 36.5056-5.2224 15.616-10.4448 36.4544-10.4448 52.1216a151.2448 151.2448 0 0 0 151.1424 151.1424 151.2448 151.2448 0 0 0 151.1424-151.1424 151.2448 151.2448 0 0 0-151.1424-151.1424c-20.8384 0-36.5056 5.2224-57.344 10.3936A406.0672 406.0672 0 0 0 537.6 102.4c-57.344 0-114.688 10.4448-161.5872 36.5056l67.7888 99.0208A295.1168 295.1168 0 0 1 537.6 222.208z m281.4464 291.84c-5.2224 104.2944-62.5664 192.8704-151.1424 234.5984-26.112-46.8992-78.1824-83.4048-135.5264-83.4048a151.2448 151.2448 0 0 0-151.1424 151.1424 151.2448 151.2448 0 0 0 151.1424 151.1424c62.5664 0 114.688-36.4544 140.7488-93.7984 156.3648-57.344 265.7792-203.264 265.7792-375.296v-26.0096c-5.1712 5.1712-119.8592 41.6768-119.8592 41.6768z" ></path></symbol><symbol id="iconsq" viewBox="0 0 1024 1024"><path d="M399.758222 260.551111a7.395556 7.395556 0 0 0-12.629333-4.323555l-40.504889 40.561777-124.017778-123.960889a7.395556 7.395556 0 0 0-10.467555 0l-39.253334 39.253334a7.395556 7.395556 0 0 0 0 10.467555l123.960889 124.017778-40.732444 40.675556a7.395556 7.395556 0 0 0 4.380444 12.629333l148.536889 17.464889a7.395556 7.395556 0 0 0 8.305778-8.192L399.758222 260.551111z m9.386667 346.168889l-148.650667 17.521778a7.395556 7.395556 0 0 0-4.380444 12.629333l40.732444 40.732445-124.017778 123.790222a7.452444 7.452444 0 0 0 0 10.524444l39.253334 39.253334a7.395556 7.395556 0 0 0 10.524444 0l124.017778-124.017778 40.504889 40.561778a7.395556 7.395556 0 0 0 12.629333-4.323556l17.521778-148.48a7.338667 7.338667 0 0 0-8.135111-8.192z m205.653333-189.383111l148.707556-17.521778a7.395556 7.395556 0 0 0 4.380444-12.629333l-40.732444-40.618667 124.017778-123.904a7.452444 7.452444 0 0 0 0-10.467555l-39.310223-39.253334a7.452444 7.452444 0 0 0-10.524444 0l-124.017778 123.847111-40.504889-40.561777a7.395556 7.395556 0 0 0-12.629333 4.380444l-17.464889 148.48a7.395556 7.395556 0 0 0 8.078222 8.248889z m112.355556 260.152889l40.732444-40.675556a7.395556 7.395556 0 0 0-4.380444-12.629333l-148.536889-17.521778a7.395556 7.395556 0 0 0-8.305778 8.248889l17.521778 148.536889a7.395556 7.395556 0 0 0 12.629333 4.380444l40.561778-40.561777 124.017778 123.904c2.844444 2.901333 7.566222 2.901333 10.467555 0l39.310223-39.196445a7.452444 7.452444 0 0 0 0-10.467555l-124.017778-124.017778z" ></path></symbol><symbol id="iconuser" viewBox="0 0 1024 1024"><path d="M627.6608 564.4288a288 288 0 0 1 288 283.9552v18.432c0 60.16-113.8176 63.6928-260.1984 63.8976H413.9008C267.8784 930.5088 153.6 926.976 153.6 866.816v-18.432a288 288 0 0 1 288-283.9552zM525.1072 51.2c123.4432 0 223.488 98.5088 223.488 220.0576 0 121.4976-100.0448 220.0064-223.488 220.0064-123.392 0-223.488-98.5088-223.488-220.0576C301.6192 149.76 401.7152 51.2 525.1072 51.2z" ></path></symbol><symbol id="iconwd" viewBox="0 0 1024 1024"><path d="M250.212174 44.521739C188.059826 44.521739 137.750261 96.701217 137.750261 161.124174v699.614609c0 64.422957 50.309565 116.646957 112.372869 116.646956h561.997913c62.063304 0 118.561391-52.224 118.561392-116.646956V249.766957L738.482087 44.521739H250.212174z m449.224348 66.649044l165.175652 166.555826h-138.195478a27.158261 27.158261 0 0 1-26.980174-27.247305v-139.353043z m110.102261 799.565913H258.938435c-30.408348 0-55.073391-25.6-55.073392-57.07687V168.247652c0-31.521391 24.665043-57.07687 55.073392-57.076869h385.424695v171.319652c0 31.521391 24.665043 57.121391 55.073392 57.121391h165.175652v514.048c0 31.47687-24.665043 57.07687-55.073391 57.07687zM574.775652 410.935652H295.446261c-14.959304-1.78087-26.089739-16.027826-25.377391-32.634435-1.424696-17.007304 9.883826-32.189217 25.377391-33.970087h279.373913c15.538087 1.78087 26.802087 16.918261 25.377391 33.970087 0.712348 16.562087-10.418087 30.853565-25.377391 32.634435h-0.044522z m198.566957 166.600348H295.17913c-14.692174-3.205565-25.243826-17.14087-25.243826-33.346783 0-16.161391 10.551652-30.096696 25.110261-33.30226h478.386087c14.60313 3.205565 25.110261 17.14087 25.110261 33.30226 0 16.205913-10.50713 30.141217-25.110261 33.346783h-0.089043z m0 166.555826H295.17913c-14.692174-3.205565-25.243826-17.14087-25.243826-33.302261s10.551652-30.096696 25.110261-33.302261h478.386087c14.60313 3.205565 25.110261 17.14087 25.110261 33.302261s-10.50713 30.096696-25.110261 33.302261h-0.089043z" ></path></symbol><symbol id="iconmsg" viewBox="0 0 1024 1024"><path d="M884.023652 71.546435c59.347478 0 102.4 45.990957 102.4 109.345391v549.398261c0 61.217391-41.182609 102.4-102.4 102.4h-217.711304l-128.801391 127.24313a36.730435 36.730435 0 0 1-25.822609 10.685218 36.062609 36.062609 0 0 1-25.6-10.551652L354.838261 832.556522H135.479652c-61.44 0-102.66713-41.182609-102.66713-102.4V180.891826c0-63.354435 43.186087-109.345391 102.66713-109.345391z m0 72.748522H135.479652c-26.980174 0-29.918609 25.555478-29.918609 36.596869v549.220174c0 21.147826 8.681739 29.696 29.918609 29.696H368.64a35.929043 35.929043 0 0 1 26.624 10.462609l116.157217 112.461913 113.886609-112.239305a36.329739 36.329739 0 0 1 25.822609-10.685217h232.848695c21.103304 0 29.696-8.548174 29.696-29.651478V180.847304c0-11.041391-2.938435-36.59687-29.696-36.596869zM289.970087 383.777391c35.617391 0 64.556522 28.93913 64.556522 64.556522l-0.356174 6.233044a64.556522 64.556522 0 0 1-128.712348-6.233044l0.26713-6.233043a64.556522 64.556522 0 0 1 64.24487-58.323479z m229.910261 0c35.617391 0 64.556522 28.93913 64.556522 64.556522l-0.311653 6.233044a64.556522 64.556522 0 0 1-128.756869-6.233044l0.311652-6.233043a64.556522 64.556522 0 0 1 64.200348-58.323479z m228.396522-0.801391a64.556522 64.556522 0 1 1 0 129.024 64.556522 64.556522 0 0 1 0-129.024z" ></path></symbol><symbol id="iconclose" viewBox="0 0 1024 1024"><path d="M924.544 337.728a446.208 446.208 0 0 0-95.936-142.336A446.208 446.208 0 0 0 512 64.192a446.208 446.208 0 0 0-316.608 131.2A446.208 446.208 0 0 0 64.192 512a446.208 446.208 0 0 0 131.2 316.608A446.208 446.208 0 0 0 512 959.808a446.208 446.208 0 0 0 316.608-131.2A446.208 446.208 0 0 0 959.744 512c0-60.416-11.84-119.04-35.2-174.272zM512 896.256A384.64 384.64 0 0 1 127.744 512 384.64 384.64 0 0 1 512 127.744 384.64 384.64 0 0 1 896.256 512 384.64 384.64 0 0 1 512 896.256z m180.992-565.248c-12.48-12.544-31.488-13.76-42.368-2.88L512 466.752 373.376 328.128c-10.88-10.88-29.888-9.6-42.368 2.88-12.544 12.48-13.76 31.488-2.88 42.368L466.752 512l-138.624 138.624c-10.88 10.88-9.6 29.888 2.88 42.368 12.48 12.544 31.488 13.76 42.368 2.88L512 557.248l138.624 138.624c10.88 10.88 29.888 9.6 42.368-2.88 12.544-12.48 13.76-31.488 2.88-42.368L557.248 512l138.624-138.624c10.88-10.88 9.6-29.888-2.88-42.368z" ></path></symbol><symbol id="icongoods" viewBox="0 0 1024 1024"><path d="M482.8672 510.8736L138.6496 351.0784a27.9552 27.9552 0 0 0-10.9056-2.2016 25.0368 25.0368 0 0 0-25.344 24.6784v365.2608c0 18.0224 10.0864 34.5088 26.112 42.752l344.9344 187.392a25.344 25.344 0 0 0 25.3952 0 23.9104 23.9104 0 0 0 12.6976-21.0432v-392.448a49.3056 49.3056 0 0 0-28.672-44.544z m-73.5232 135.168l-204.8-100.352v-49.3056l204.8 98.56v51.0976z m535.552-358.7584a21.4016 21.4016 0 0 0-12.6976-27.904L557.568 106.496a52.5312 52.5312 0 0 0-40.5504 0L142.2848 259.3792a22.4768 22.4768 0 0 0-12.6976 12.3392 21.4016 21.4016 0 0 0 12.6976 27.904l374.6816 152.9344c13.056 5.0176 27.4944 5.0176 40.5504 0l374.6816-152.9344a22.4768 22.4768 0 0 0 12.6976-12.288z m24.6272 75.3664a26.112 26.112 0 0 0-33.6896-11.5712l-344.2176 160.1536a48.896 48.896 0 0 0-28.672 44.2368v392.0896c0 4.3008 1.1776 8.5504 3.2768 12.288a26.112 26.112 0 0 0 36.2496 9.0624l344.9856-186.9824a49.3056 49.3056 0 0 0 24.6272-43.1104V373.5552a21.76 21.76 0 0 0-2.56-10.9056z m-41.6256 244.992v72.448H896s-2.56 9.7792-3.9936 14.4896l-4.352 11.6224 22.4768 29.696-40.2432 55.0912-22.4768-29.3376-9.0624 5.7856a83.3536 83.3536 0 0 1-11.5712 5.4272v41.6768H769.536v-41.3184a67.7376 67.7376 0 0 1-11.6224-5.4272l-8.704-5.7856-22.4256 29.3376-40.96-52.1728 22.4768-29.696a108.6976 108.6976 0 0 1-4.352-11.6224 108.6976 108.6976 0 0 1-3.9936-14.4896h-31.8976v-72.448h31.8976c2.048-9.8304 5.12-19.456 9.0624-28.672l-22.528-29.3376 39.5264-51.8144 22.528 29.3376c6.656-4.9664 13.9264-8.96 21.7088-11.9296v-44.9536h56.8832v41.6768c7.8848 2.9696 15.3088 7.0144 22.1184 11.9808l22.4768-29.3888 39.4752 51.8144-22.4768 29.3888c3.9424 9.216 6.9632 18.7904 9.0624 28.6208h30.1056z m-130.4576 132.9664c-40.2432 0-72.4992-43.1104-72.4992-96.3584s32.256-96.4096 72.4992-96.4096c40.192 0 72.448 43.1104 72.448 96.4096 0 53.248-32.256 96.3584-72.448 96.3584z" ></path></symbol><symbol id="iconbj" viewBox="0 0 1024 1024"><path d="M862.0544 928.512H160.4608a39.8336 39.8336 0 0 1-40.448-39.1168V211.2c0-21.6064 18.1248-39.1168 40.448-39.1168h67.4816v39.1168c0 43.2128 36.2496 78.2336 80.9472 78.2336s80.896-35.0208 80.896-78.2336V172.032h40.4992v39.1168c0 43.2128 36.2496 78.2336 80.9472 78.2336s80.9984-35.0208 80.9984-78.2336V172.032h40.448v39.1168c0 43.2128 36.2496 78.2336 80.896 78.2336 44.7488 0 80.9984-35.0208 80.9984-78.2336V172.032h67.4816c22.3232 0 40.448 17.5104 40.448 39.1168V889.344a39.8336 39.8336 0 0 1-40.448 39.1168zM754.176 393.7792H268.3904a39.7824 39.7824 0 0 0-40.448 39.1168c0 21.6064 18.0736 39.1168 40.448 39.1168h485.7344c22.3744 0 40.448-17.5104 40.448-39.1168a39.7824 39.7824 0 0 0-40.448-39.1168z m0 169.5744H268.3904a39.7824 39.7824 0 0 0-40.448 39.1168c0 21.6064 18.0736 39.1168 40.448 39.1168h485.7344c22.3744 0 40.448-17.5104 40.448-39.1168a39.7824 39.7824 0 0 0-40.448-39.1168z m6.7072 169.5232H261.632a33.1264 33.1264 0 0 0-33.6896 32.6144c0 17.9712 15.104 32.6144 33.6896 32.6144h499.2a33.1776 33.1776 0 0 0 33.7408-32.6144 33.1264 33.1264 0 0 0-33.7408-32.6144z m-47.2064-482.56a39.8336 39.8336 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.1248-39.168 40.448-39.168 22.3232 0 40.448 17.5616 40.448 39.168v78.2336a39.8336 39.8336 0 0 1-40.448 39.1168z m-202.3936 0a39.7824 39.7824 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.1248-39.168 40.448-39.168 22.3744 0 40.448 17.5616 40.448 39.168v78.2336a39.7824 39.7824 0 0 1-40.448 39.1168z m-202.3424 0a39.8336 39.8336 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.0736-39.168 40.448-39.168 22.3232 0 40.448 17.5616 40.448 39.168v78.2336a39.8336 39.8336 0 0 1-40.448 39.1168z" ></path></symbol></svg>',m=(m=document.getElementsByTagName("script"))[m.length-1].getAttribute("data-injectcss");if(m&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}function s(){o||(o=!0,t())}c=function(){var a,c,l,t;(t=document.createElement("div")).innerHTML=n,n=null,(l=t.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",a=l,(c=document.body).firstChild?(t=a,(l=c.firstChild).parentNode.insertBefore(t,l)):c.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(c,0):(l=function(){document.removeEventListener("DOMContentLoaded",l,!1),c()},document.addEventListener("DOMContentLoaded",l,!1)):document.attachEvent&&(t=c,e=a.document,o=!1,(i=function(){try{e.documentElement.doScroll("left")}catch(a){return void setTimeout(i,50)}s()})(),e.onreadystatechange=function(){"complete"==e.readyState&&(e.onreadystatechange=null,s())})}(window);
\ No newline at end of file
src/assets/css/font/iconfont.json
......@@ -6,6 +6,13 @@
"description": "猎芯云芯系统前端",
"glyphs": [
{
"icon_id": "21489014",
"name": "登录-密码备份",
"font_class": "denglu-mimabeifen",
"unicode": "e735",
"unicode_decimal": 59189
},
{
"icon_id": "21484843",
"name": "隐藏",
"font_class": "yincang",
......
src/assets/css/login/index.less
......@@ -81,28 +81,116 @@ html, body, #app {
margin: 0 auto;
.input-box {
width: 340px;
position: relative;
width: 328px;
height: 43px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #BEC9DF;
margin-bottom: 20px;
transition: all 0.2s ease;
padding-left: 12px;
.iconfont {
font-size: 17px;
i.iconfont {
padding: 12px 0;
font-size: 20px;
color: #a1acc1;
}
.inp {
padding-left: 9px;
height: 34px;
font-size: 14px;
background: transparent;
border-left: 1px solid #BEC9DF;
margin-left: 12px;
&::-webkit-input-placeholder {
color: #333333;
color: #A1ACC1;
}
}
.eye {
position: absolute;
right: 19px;
top: 13px;
font-size: 20px;
color: #a1acc1;
}
&:focus-within {
border: 1px solid #1969F9;
}
}
.code-box {
.l {
input {
width: 210px;
height: 43px;
line-height: 43px;
border-radius: 2px;
border: 1px solid #BEC9DF;
text-indent: 17px;
font-size: 14px;
&::-webkit-input-placeholder {
color: #A1ACC1;
}
}
}
.r {
width: 118px;
height: 43px;
border-radius: 2px;
border: 1px solid #BEC9DF;
img {
width: 100%;
height: 100%;
}
}
}
.text {
position: relative;
padding: 11px 0;
text-align: right;
.error {
position: absolute;
left: 0;
top: 12px;
font-size: 12px;
color: #f10909;
}
a {
line-height: 17px;
font-size: 12px;
color: #999999;
}
}
.btn-submit {
width: 342px;
height: 42px;
line-height: 42px;
text-align: center;
background: #A1ACC1;
border-radius: 2px;
font-size: 20px;
color: #ffffff;
display: block;
letter-spacing: 10px;
margin: 0 auto;
transition: all 0.2s ease;
&.active {
background: #1969F9;
}
}
}
}
......
src/assets/css/login/index.min.css
......@@ -72,24 +72,96 @@ body,
margin: 0 auto;
}
.user-box .section .section-wrap .login-box .bar .input-box {
width: 340px;
position: relative;
width: 328px;
height: 43px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #BEC9DF;
margin-bottom: 20px;
transition: all 0.2s ease;
padding-left: 12px;
}
.user-box .section .section-wrap .login-box .bar .input-box .iconfont {
font-size: 17px;
.user-box .section .section-wrap .login-box .bar .input-box i.iconfont {
padding: 12px 0;
font-size: 20px;
color: #a1acc1;
}
.user-box .section .section-wrap .login-box .bar .input-box .inp {
padding-left: 9px;
height: 34px;
font-size: 14px;
background: transparent;
border-left: 1px solid #BEC9DF;
margin-left: 12px;
}
.user-box .section .section-wrap .login-box .bar .input-box .inp::-webkit-input-placeholder {
color: #333333;
color: #A1ACC1;
}
.user-box .section .section-wrap .login-box .bar .input-box .eye {
position: absolute;
right: 19px;
top: 13px;
font-size: 20px;
color: #a1acc1;
}
.user-box .section .section-wrap .login-box .bar .input-box:focus-within {
border: 1px solid #1969F9;
}
.user-box .section .section-wrap .login-box .bar .code-box .l input {
width: 210px;
height: 43px;
line-height: 43px;
border-radius: 2px;
border: 1px solid #BEC9DF;
text-indent: 17px;
font-size: 14px;
}
.user-box .section .section-wrap .login-box .bar .code-box .l input::-webkit-input-placeholder {
color: #A1ACC1;
}
.user-box .section .section-wrap .login-box .bar .code-box .r {
width: 118px;
height: 43px;
border-radius: 2px;
border: 1px solid #BEC9DF;
}
.user-box .section .section-wrap .login-box .bar .code-box .r img {
width: 100%;
height: 100%;
}
.user-box .section .section-wrap .login-box .bar .text {
position: relative;
padding: 11px 0;
text-align: right;
}
.user-box .section .section-wrap .login-box .bar .text .error {
position: absolute;
left: 0;
top: 12px;
font-size: 12px;
color: #f10909;
}
.user-box .section .section-wrap .login-box .bar .text a {
line-height: 17px;
font-size: 12px;
color: #999999;
}
.user-box .section .section-wrap .login-box .bar .btn-submit {
width: 342px;
height: 42px;
line-height: 42px;
text-align: center;
background: #A1ACC1;
border-radius: 2px;
font-size: 20px;
color: #ffffff;
display: block;
letter-spacing: 10px;
margin: 0 auto;
transition: all 0.2s ease;
}
.user-box .section .section-wrap .login-box .bar .btn-submit.active {
background: #1969F9;
}
/*# sourceMappingURL=index.min.css.map */
\ No newline at end of file
src/assets/css/login/index.min.css.map
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA;AAAM;AAAM;EACV,YAAA;;AAGF;EACE,YAAA;;AADF,SAGE;EACE,YAAA;EACA,mBAAA;;AALJ,SAGE,UAIE;EACE,aAAA;EACA,YAAA;EACA,cAAA;;AAVN,SAGE,UAIE,WAKE;EACE,WAAA;EACA,YAAA;;AAdR,SAGE,UAIE,WAKE,MAIE;EACE,WAAA;EACA,YAAA;;AAlBV,SAGE,UAIE,WAeE;EACE,UAAA;EACA,YAAA;EACA,cAAA;EACA,mBAAA;EACA,qBAAA;;AA3BR,SAGE,UAIE,WAuBE,MACE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;;AAnCV,SAGE,UAIE,WAuBE,MAQE;EACE,eAAA;EACA,cAAA;;AAxCV,SA8CE;EACE,WAAA;EACA,QAAQ,iBAAR;EACA,gBAAgB,uCAAhB;EACA,sBAAA;;AAlDJ,SA8CE,SAME;EACE,kBAAA;EACA,aAAA;EACA,YAAA;EACA,cAAA;;AAxDN,SA8CE,SAME,cAME;EACE,kBAAA;EACA,QAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;;AAjER,SA8CE,SAME,cAME,WASE;EACE,eAAA;EACA,cAAA;EACA,kBAAA;EACA,cAAA;;AAvEV,SA8CE,SAME,cAME,WAgBE;EACE,YAAA;EACA,cAAA;;AA5EV,SA8CE,SAME,cAME,WAgBE,KAIE;EACE,YAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,mBAAA;;AApFZ,SA8CE,SAME,cAME,WAgBE,KAIE,WAQE;EACE,eAAA;EACA,cAAA;;AAxFd,SA8CE,SAME,cAME,WAgBE,KAIE,WAaE;EACE,YAAA;EACA,eAAA;EACA,uBAAA;EACA,8BAAA;;AAEA,SAnDZ,SAME,cAME,WAgBE,KAIE,WAaE,KAMG;EACC,cAAA","file":"index.min.css"}
\ No newline at end of file
{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.min.css"}
\ No newline at end of file
src/views/User/login.vue
......@@ -18,16 +18,30 @@
<div class="login-box">
<p class="tit">欢迎登录云芯系统</p>
<div class="bar">
<div class="input-box">
<div class="input-box lbBox">
<i class="iconfont iconuser va-m"></i>
<input type="text" placeholder="请输入手机号" class="inp va-m"/>
<input type="text" placeholder="请输入手机号" class="inp va-m" v-model="form.username"/>
<b class="lineBlock emptys"></b>
</div>
<div class="input-box">
<i class="iconfont iconuser va-m"></i>
<input type="text" placeholder="请输入手机号" class="inp va-m"/>
<div class="input-box lbBox">
<i class="iconfont icondenglu-mimabeifen va-m"></i>
<input :type='pwdFlag?"password":"text"' placeholder="请输入登录密码" class="inp va-m" v-model="form.password"/>
<a href="javascript:;" class="iconfont eye" :class="pwdFlag ? 'iconyincang':'iconyanjing'" @click="changePwd()"></a>
<b class="lineBlock emptys"></b>
</div>
<div class="code-box clr">
<div class="fl l">
<input type="text" placeholder="请输入验证码" v-model="form.code"/>
</div>
<a class="fr r" href="javascript:;">
<img src="https://www.ichunt.com/v3/public/verify" alt="">
</a>
</div>
<p class="text">
<span class="error">{{errror_text}}</span>
<a href="javascript:;">忘记密码</a>
</p>
<a href="javascript:;" class="btn-submit" :class="active ? 'active':''" @click="submit()" :loading="true">登录</a>
</div>
</div>
</div>
......@@ -36,18 +50,67 @@
</template>
<script>
import Vue from 'vue';
export default {
name: "index",
data() {
return {};
return {
pwdFlag: true,
active: false,
errror_text: '',
status1:false,
status2:false,
loading:true,
form: {
username: '',
password: '',
code: ''
}
};
},
watch: {},
created() {
watch: {
form: {
deep: true,
handler: function (newV, oldV) {
let obj = newV;
if (obj.code || obj.password || obj.username) {
this.errror_text = '';
}
if (obj.code && obj.password && obj.username) {
this.active = true;
} else {
this.active = false;
}
}
}
},
created() {
},
computed: {},
methods: {}
methods: {
changePwd: function () {
this.pwdFlag = !this.pwdFlag;
},
submit() {
if (!this.form.username) {
this.errror_text = '请输入手机号';
return false;
}
if (!this.form.password) {
this.errror_text = '请输入登录密码';
return false;
}
if (!this.form.code) {
this.errror_text = '请输入验证码';
return false;
}
}
}
};
</script>
<style scoped>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment