Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Q
qsh-wc
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
honghuiliu
qsh-wc
Commits
3d013f62
Commit
3d013f62
authored
Aug 30, 2022
by
mahui
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
login
parent
a5df8733
Changes
9
Show whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
274 additions
and
1 deletion
+274
-1
App.vue
pc/src/App.vue
+1
-0
icomoon.eot
pc/src/assets/fonts/icomoon.eot
+0
-0
icomoon.svg
pc/src/assets/fonts/icomoon.svg
+39
-0
icomoon.ttf
pc/src/assets/fonts/icomoon.ttf
+0
-0
icomoon.woff
pc/src/assets/fonts/icomoon.woff
+0
-0
icons.css
pc/src/assets/icons.css
+114
-0
login-bg.png
pc/src/assets/img/login-bg.png
+0
-0
title.png
pc/src/assets/img/title.png
+0
-0
login.vue
pc/src/views/login.vue
+120
-1
No files found.
pc/src/App.vue
View file @
3d013f62
...
@@ -7,6 +7,7 @@
...
@@ -7,6 +7,7 @@
<
style
lang=
"less"
>
<
style
lang=
"less"
>
@import url('./assets/public.css');
@import url('./assets/public.css');
@import url('./assets/icons.css');
#app {
#app {
position: relative;
position: relative;
width: 100vw;
width: 100vw;
...
...
pc/src/assets/fonts/icomoon.eot
0 → 100644
View file @
3d013f62
File added
pc/src/assets/fonts/icomoon.svg
0 → 100644
View file @
3d013f62
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg
xmlns=
"http://www.w3.org/2000/svg"
>
<metadata>
Generated by IcoMoon
</metadata>
<defs>
<font
id=
"icomoon"
horiz-adv-x=
"1024"
>
<font-face
units-per-em=
"1024"
ascent=
"960"
descent=
"-64"
/>
<missing-glyph
horiz-adv-x=
"1024"
/>
<glyph
unicode=
" "
horiz-adv-x=
"512"
d=
""
/>
<glyph
unicode=
""
glyph-name=
"1"
d=
"M294.619-75.703c-130.33 0.166-235.939 105.775-236.105 236.089v563.509c0.166 130.33 105.775 235.939 236.089 236.105h440.921c130.33-0.166 235.939-105.775 236.105-236.089v-563.509c-0.166-130.33-105.775-235.939-236.089-236.105h-0.016zM294.619 891.831c-0.198 0.001-0.433 0.001-0.668 0.001-90.574 0-164.342-71.954-167.261-161.818l-0.007-0.268v-569.344c-0.001-0.198-0.001-0.433-0.001-0.668 0-90.574 71.954-164.342 161.818-167.261l0.268-0.007h446.757c0.198-0.001 0.433-0.001 0.668-0.001 90.574 0 164.342 71.954 167.261 161.818l0.007 0.268v569.344c0.001 0.198 0.001 0.433 0.001 0.668 0 90.574-71.954 164.342-161.818 167.261l-0.268 0.007h-446.757zM637.513 203.41c23.177-0.735 41.687-19.7 41.687-42.988 0-22.050-16.594-40.225-37.975-42.717l-0.201-0.019h-248.393c-23.177 0.735-41.687 19.7-41.687 42.988 0 22.050 16.594 40.225 37.975 42.717l0.201 0.019h248.393z"
/>
<glyph
unicode=
""
glyph-name=
"2"
d=
"M510.578-62.009c-155.022 0-439.467 228.978-439.467 445.724v413.298c0.16 10.245 8.503 18.489 18.771 18.489 0.001 0 0.002 0 0.002 0h25.031c72.456 3.503 140.399 18.539 203.446 43.314l-4.335-1.501c65.409 25.827 121.609 55.541 173.974 90.543l-3.307-2.081 14.791 10.24c3.187 2.217 7.112 3.583 11.35 3.697l0.028 0.001c0.195 0.008 0.424 0.012 0.655 0.012 4.064 0 7.802-1.397 10.759-3.738l-0.036 0.028 14.791-10.809c49.095-33.148 105.311-62.877 164.673-86.371l5.993-2.091c58.712-23.274 126.655-38.311 197.64-41.756l1.471-0.057h24.462c0.001 0 0.001 0 0.002 0 10.268 0 18.611-8.244 18.771-18.474v-413.313c0-216.178-284.444-445.156-439.467-445.156zM882.631 748.942c-73.14 6.108-140.751 22.278-203.958 47.195l4.846-1.684c-66.102 25.838-122.771 55.178-175.836 89.603l3.747-2.278c-49.474-31.897-106.414-61.23-166.188-84.96l-6.754-2.365c-58.369-23.286-125.987-39.461-196.53-45.338l-2.581-0.173v-365.227c0-170.667 248.889-377.742 372.053-377.742 47.502 0 140.516 38.969 231.538 123.733s140.516 176.924 140.516 254.009zM475.307 314.027c-5.931-6.31-14.331-10.241-23.649-10.241-0.086 0-0.172 0-0.257 0.001h0.013c-9.388 0.035-17.854 3.953-23.883 10.229l-0.011 0.011-101.831 102.4c-6.322 6.179-10.243 14.791-10.243 24.32 0 18.774 15.22 33.994 33.994 33.994 9.246 0 17.629-3.691 23.758-9.68l-0.006 0.006 77.653-78.222 195.698 197.12c6.107 6.017 14.495 9.732 23.751 9.732s17.645-3.715 23.755-9.736l-0.004 0.004c6.186-6.135 10.015-14.638 10.015-24.036s-3.829-17.9-10.013-24.033l-0.002-0.002z"
/>
<glyph
unicode=
""
glyph-name=
"3"
d=
"M763.018 281.946c48.789 67.858 78.024 152.625 78.024 244.22 0 232.635-188.588 421.224-421.224 421.224s-421.224-188.588-421.224-421.224c0-232.635 188.588-421.224 421.224-421.224 97.736 0 187.697 33.287 259.165 89.141l-0.93-0.7 256.554-243.546 84.411 88.839zM420.394 822.729c0.082 0 0.179 0 0.277 0 164.159 0 297.237-133.077 297.237-297.237s-133.077-297.237-297.237-297.237c-164.159 0-297.237 133.077-297.237 297.237 0 0.097 0 0.194 0 0.292v-0.015c0.314 163.88 133.080 296.646 296.93 296.96h0.030z"
/>
<glyph
unicode=
""
glyph-name=
"4"
d=
"M659.797 461.653l-436.224-420.523c-8.939-10.556-14.374-24.327-14.374-39.368 0-33.744 27.355-61.099 61.099-61.099 13.931 0 26.772 4.662 37.050 12.511l-0.148-0.108 483.328 464.213v2.048c2.592 2.74 4.954 5.753 7.022 8.973l0.146 0.243c1.56 2.512 3.049 5.431 4.293 8.476l0.144 0.399v3.413c0.757 2.143 1.465 4.779 1.988 7.481l0.060 0.369s0 3.072 0 4.779c0.062 1.020 0.097 2.213 0.097 3.413s-0.035 2.393-0.105 3.577l0.008-0.163s0 0 0 0 0 3.413 0 5.12 0 3.413 0 4.779c0.807 3.565 1.301 7.68 1.365 11.899l0.001 0.047v2.048c-3.301 8.555-8.176 15.843-14.323 21.833l-0.013 0.013-484.011 436.907c-10.619 10.278-25.005 16.722-40.894 17.066l-0.066 0.001c-0.104 0.001-0.227 0.001-0.35 0.001-33.744 0-61.099-27.355-61.099-61.099 0-0.36 0.003-0.72 0.009-1.079l-0.001 0.054c0.263-16.926 7.408-32.132 18.751-42.987l0.022-0.021z"
/>
<glyph
unicode=
""
glyph-name=
"5"
d=
"M756.564 662.066l-244.564-244.564-244.564 244.564-91.785-91.785 336.348-336.348 336.348 336.348-91.785 91.785z"
/>
<glyph
unicode=
""
glyph-name=
"6"
d=
"M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512c282.77 0 512 229.23 512 512v0c0 282.77-229.23 512-512 512v0zM362.752 746.752c35.346 0 64-28.654 64-64s-28.654-64-64-64c-35.346 0-64 28.654-64 64v0c0 35.346 28.654 64 64 64v0zM469.504 362.752c-0.143-11.677-9.571-21.105-21.234-21.248h-21.518v-128c-0.077-33.936-26.554-61.662-59.978-63.735l-0.182-0.009h-3.84c-35.346 0-64 28.654-64 64v0 128h-21.504c-11.677 0.143-21.105 9.571-21.248 21.234v128.014c0.093 57.356 45.403 104.098 102.184 106.489l0.216 0.007h4.608c0.076 0 0.166 0 0.256 0 58.816 0 106.496-47.68 106.496-106.496 0-0.090 0-0.18 0-0.27v0.014zM640 746.752c35.346 0 64-28.654 64-64s-28.654-64-64-64c-35.346 0-64 28.654-64 64v0c0 35.346 28.654 64 64 64v0zM736 341.504h-32v-128c-0.077-33.936-26.554-61.662-59.978-63.735l-0.182-0.009h-3.84c-35.346 0-64 28.654-64 64v0 128h-32c-16.896 0-32 10.752-32 21.248 15.104 45.056 44.8 148.992 74.752 224 12.482 6.133 27.080 10.022 42.506 10.743l0.246 0.009h21.248c15.672-0.73 30.27-4.619 43.404-11.040l-0.652 0.288c29.952-75.008 59.648-179.2 74.752-224-0.256-11.008-15.36-21.76-32.256-21.76z"
/>
<glyph
unicode=
""
glyph-name=
"7"
d=
"M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512c282.77 0 512 229.23 512 512v0c0 282.77-229.23 512-512 512v0zM512 8.96c-242.475 0-439.040 196.565-439.040 439.040s196.565 439.040 439.040 439.040c242.475 0 439.040-196.565 439.040-439.040v0c0-242.475-196.565-439.040-439.040-439.040v0zM362.752 596.736c0.076 0 0.166 0 0.256 0 58.816 0 106.496-47.68 106.496-106.496 0-0.090 0-0.18 0-0.27v0.014-128c0 0 0-0.001 0-0.002 0-11.786-9.482-21.358-21.234-21.502h-21.518v-128c-0.077-33.936-26.554-61.662-59.978-63.735l-0.182-0.009h-3.84c-35.346 0-64 28.654-64 64v0 128h-21.504c-11.766 0.145-21.248 9.716-21.248 21.502 0 0.001 0 0.001 0 0.002v0 128c0.093 57.356 45.403 104.098 102.184 106.489l0.216 0.007zM693.248 586.752c-12.482 6.133-27.080 10.022-42.506 10.743l-0.246 0.009h-21.248c-15.672-0.73-30.27-4.619-43.404-11.040l0.652 0.288c-29.952-75.008-59.648-179.2-74.752-224 0-10.752 15.104-21.248 32-21.248h32.256v-128c0-35.346 28.654-64 64-64v0h3.84c33.606 2.082 60.083 29.809 60.16 63.736v128.008h32c16.896 0 32 10.752 32 21.248-15.104 45.056-44.8 149.248-74.752 224.256zM362.752 746.752c35.346 0 64-28.654 64-64s-28.654-64-64-64c-35.346 0-64 28.654-64 64v0c0 35.346 28.654 64 64 64v0zM640 746.752c35.346 0 64-28.654 64-64s-28.654-64-64-64c-35.346 0-64 28.654-64 64v0c0 35.346 28.654 64 64 64v0z"
/>
<glyph
unicode=
""
glyph-name=
"8"
d=
"M524.8 207.36s325.376 203.52 325.376 427.264c0 179.771-145.733 325.504-325.504 325.504s-325.504-145.733-325.504-325.504v0c0.256-223.744 325.632-427.264 325.632-427.264zM524.8 888.064c140.054-0.146 253.55-113.642 253.696-253.682v-0.014c0-130.56-158.72-272.128-253.696-340.48-94.976 68.096-253.44 209.408-253.44 340.48 0.145 139.964 113.496 253.405 253.412 253.696h0.028zM622.336 625.664c0-53.868-43.668-97.536-97.536-97.536s-97.536 43.668-97.536 97.536c0 53.868 43.668 97.536 97.536 97.536s97.536-43.668 97.536-97.536zM936.96 100.608c-19.431 19.305-46.208 31.237-75.772 31.237-0.361 0-0.722-0.002-1.083-0.005h-705.225c-0.949-0.125-2.045-0.196-3.159-0.196-13.396 0-24.389 10.29-25.507 23.397l-0.006 0.095c1.124 13.202 12.117 23.492 25.513 23.492 1.114 0 2.21-0.071 3.286-0.209l-0.127 0.013h110.592c20.371 0.353 36.749 16.949 36.749 37.371 0 10.421-4.265 19.846-11.145 26.625l-0.005 0.004c-6.486 6.486-15.446 10.497-25.342 10.497-0.091 0-0.181 0-0.272-0.001h-110.578c-1.496 0.082-3.247 0.128-5.008 0.128-54.15 0-98.048-43.898-98.048-98.048s43.898-98.048 98.048-98.048c1.762 0 3.513 0.046 5.251 0.138l-0.243-0.010h706.048c0.949 0.125 2.045 0.196 3.159 0.196 13.396 0 24.389-10.29 25.507-23.397l0.006-0.095c-1.124-13.202-12.117-23.492-25.513-23.492-1.114 0-2.21 0.071-3.286 0.209l0.127-0.013h-617.728c-20.483-0.208-37.008-16.861-37.008-37.374 0-10.548 4.37-20.076 11.398-26.872l0.010-0.010c6.563-6.488 15.59-10.496 25.553-10.496 0.017 0 0.033 0 0.050 0h617.725c0.411-0.006 0.897-0.009 1.383-0.009 54.937 0 99.769 43.261 102.288 97.575l0.008 0.226c0.002 0.245 0.004 0.534 0.004 0.824 0 25.91-10.575 49.35-27.644 66.24l-0.008 0.008z"
/>
<glyph
unicode=
""
glyph-name=
"9"
d=
"M519.424 960c-179.7 0-325.376-145.676-325.376-325.376v0c0-223.744 325.376-427.264 325.376-427.264s325.376 203.52 325.376 427.264c0 179.7-145.676 325.376-325.376 325.376v0zM519.424 527.104c-58.816 0-106.496 47.68-106.496 106.496s47.68 106.496 106.496 106.496c58.816 0 106.496-47.68 106.496-106.496v0c0-58.816-47.68-106.496-106.496-106.496v0zM936.96 100.608c-19.431 19.305-46.208 31.237-75.772 31.237-0.361 0-0.722-0.002-1.083-0.005h-705.225c-0.949-0.125-2.045-0.196-3.159-0.196-13.396 0-24.389 10.29-25.507 23.397l-0.006 0.095c1.124 13.202 12.117 23.492 25.513 23.492 1.114 0 2.21-0.071 3.286-0.209l-0.127 0.013h110.592c20.371 0.353 36.749 16.949 36.749 37.371 0 10.421-4.265 19.846-11.145 26.625l-0.005 0.004c-6.486 6.486-15.446 10.497-25.342 10.497-0.091 0-0.181 0-0.272-0.001h-110.578c-1.496 0.082-3.247 0.128-5.008 0.128-54.15 0-98.048-43.898-98.048-98.048s43.898-98.048 98.048-98.048c1.762 0 3.513 0.046 5.251 0.138l-0.243-0.010h706.048c0.949 0.125 2.045 0.196 3.159 0.196 13.396 0 24.389-10.29 25.507-23.397l0.006-0.095c-1.124-13.202-12.117-23.492-25.513-23.492-1.114 0-2.21 0.071-3.286 0.209l0.127-0.013h-617.728c-20.483-0.208-37.008-16.861-37.008-37.374 0-10.548 4.37-20.076 11.398-26.872l0.010-0.010c6.563-6.488 15.59-10.496 25.553-10.496 0.017 0 0.033 0 0.050 0h617.725c0.411-0.006 0.897-0.009 1.383-0.009 54.937 0 99.769 43.261 102.288 97.575l0.008 0.226c0.002 0.245 0.004 0.534 0.004 0.824 0 25.91-10.575 49.35-27.644 66.24l-0.008 0.008z"
/>
<glyph
unicode=
""
glyph-name=
"10"
d=
"M716.857 960c0.339 0.008 0.739 0.013 1.14 0.013 28.324 0 51.285-22.961 51.285-51.285 0-0.004 0-0.009 0-0.013v0.001-51.285h153.572c0.086 0 0.188 0 0.29 0 53.784 0 97.872-41.511 101.974-94.242l0.022-0.352v-724.55c0-56.491-45.795-102.286-102.286-102.286v0h-820.568c-56.491 0-102.286 45.795-102.286 102.286v0 716.857c0 0.085 0 0.185 0 0.285 0 56.491 45.795 102.286 102.286 102.286 0 0 0 0 0 0h154.141v51.001c-0.091 1.143-0.142 2.476-0.142 3.82 0 28.324 22.961 51.285 51.285 51.285s51.285-22.961 51.285-51.285c0-1.344-0.052-2.677-0.153-3.995l0.011 0.175v-51.285h306.858v51.285c0 28.324 22.961 51.285 51.285 51.285v0zM256.427 755.143h-154.141v-716.857h819.428v716.857h-152.432v-51.57c-2.049-26.632-24.163-47.466-51.143-47.466s-49.094 20.833-51.132 47.291l-0.011 0.175v51.57h-308.568v-51.57c0.181-1.619 0.285-3.497 0.285-5.398 0-28.324-22.961-51.285-51.285-51.285s-51.285 22.961-51.285 51.285c0 1.902 0.103 3.779 0.305 5.627l-0.020-0.228zM716.857 396.715c26.632-2.049 47.466-24.163 47.466-51.143s-20.833-49.094-47.291-51.132l-0.175-0.011h-409.714c-26.632 2.049-47.466 24.163-47.466 51.143s20.833 49.094 47.291 51.132l0.175 0.011z"
/>
<glyph
unicode=
""
glyph-name=
"11"
horiz-adv-x=
"1014"
d=
"M1003.52 869.831c-19.533 53.061-69.646 90.223-128.439 90.223-1.346 0-2.687-0.019-4.024-0.058l0.196 0.005h-729.031c-59.221-0.845-109.715-37.328-131.063-88.929l-0.35-0.955c-6.826-15.829-10.795-34.257-10.795-53.612 0-39.276 16.346-74.734 42.606-99.943l0.047-0.045 235.804-235.804v-374.044c1.257-19.599 12.261-36.375 28.174-45.65l0.271-0.146 364.373-119.467c5.716-3.652 12.686-5.821 20.163-5.821 1.113 0 2.214 0.048 3.303 0.142l-0.141-0.010c0.767-0.034 1.667-0.054 2.571-0.054 9.393 0 18.291 2.118 26.244 5.901l-0.37-0.158h1.707c12.323 11.378 20.515 27.071 22.166 44.665l0.021 0.278v499.484l225.564 230.4c26.32 24.714 42.715 59.732 42.715 98.58 0 19.924-4.313 38.841-12.055 55.868l0.345-0.847zM369.778 536.747l-252.587 254.578c-7.443 6.527-12.271 15.879-12.796 26.364l-0.004 0.089c-0.026 0.344-0.041 0.744-0.041 1.148 0 3.274 0.97 6.321 2.639 8.869l-0.038-0.062 1.707 1.707v2.844c0 5.12 5.689 24.178 34.133 24.178h733.582c13.906-1.408 25.522-9.995 31.189-21.952l0.1-0.235 3.129-4.551v-2.844c1.243-3.754 1.961-8.076 1.961-12.565 0-10.874-4.208-20.766-11.085-28.134l0.022 0.024-242.062-242.062c-10.745-7.845-17.647-20.397-17.647-34.561 0-0.35 0.004-0.698 0.013-1.046l-0.001 0.052v-436.622l-260.551 69.973v362.951c-1.584 11.997-5.718 22.784-11.842 32.151l0.18-0.294z"
/>
<glyph
unicode=
""
glyph-name=
"12"
d=
"M963.129 510.009h-389.404v389.12c0 0.002 0 0.004 0 0.006 0 33.618-27.253 60.871-60.871 60.871-0.3 0-0.6-0.002-0.899-0.006l0.045 0.001h-2.844c-0.001 0-0.002 0-0.003 0-33.304 0-60.302-26.998-60.302-60.302 0-0.2 0.001-0.4 0.003-0.599v0.031-389.12h-387.982c-0.003 0-0.007 0-0.011 0-33.618 0-60.871-27.253-60.871-60.871 0-0.4 0.004-0.799 0.012-1.197l-0.001 0.060c0-33.618 27.253-60.871 60.871-60.871h389.12v-390.258c0-0.003 0-0.007 0-0.011 0-33.618 27.253-60.871 60.871-60.871 0.4 0 0.799 0.004 1.197 0.012l-0.060-0.001c33.618 0 60.871 27.253 60.871 60.871v0 389.12h390.258c0.003 0 0.007 0 0.011 0 33.618 0 60.871 27.253 60.871 60.871 0 0.4-0.004 0.799-0.012 1.197l0.001-0.060c0.007 0.339 0.011 0.738 0.011 1.138 0 33.618-27.253 60.871-60.871 60.871-0.004 0-0.007 0-0.011 0h0.001z"
/>
<glyph
unicode=
""
glyph-name=
"13"
d=
"M160.711-64c-88.693 0.162-160.549 72.018-160.711 160.695v702.594c0.162 88.693 72.018 160.549 160.695 160.711h702.594c88.693-0.162 160.549-72.018 160.711-160.695v-702.594c-0.162-88.693-72.018-160.549-160.695-160.711h-0.016zM160.711 894.009c-52.312 0-94.72-42.408-94.72-94.72v0-702.578c0-52.312 42.408-94.72 94.72-94.72v0h702.578c52.312 0 94.72 42.408 94.72 94.72v0 702.578c0 52.312-42.408 94.72-94.72 94.72v0z"
/>
<glyph
unicode=
""
glyph-name=
"14"
d=
"M841.102 960h-658.204c-100.882-0.322-182.575-82.016-182.898-182.867v-658.235c0.322-100.882 82.016-182.575 182.867-182.898h658.235c100.882 0.322 182.575 82.016 182.898 182.867v658.235c-0.322 100.882-82.016 182.575-182.867 182.898h-0.031zM812.658 539.876l-294.4-287.858c-8.020-7.745-18.955-12.517-31.004-12.517s-22.984 4.772-31.017 12.529l0.013-0.013-171.804 159.004c-41.529 38.684 20.764 100.409 62.009 62.009l138.524-129.138 264.249 258.276c41.813 39.253 104.107-22.756 63.431-62.293z"
/>
<glyph
unicode=
""
glyph-name=
"15"
d=
"M552.676 488.676v431.502c0 0.003 0 0.006 0 0.009 0 21.993-17.829 39.822-39.822 39.822-0.3 0-0.599-0.003-0.898-0.010l0.044 0.001c-0.17 0.003-0.372 0.004-0.573 0.004-21.679 0-39.253-17.574-39.253-39.253 0-0.201 0.002-0.403 0.005-0.603v0.030-431.218h-432.356c-0.005 0-0.011 0-0.016 0-21.993 0-39.822-17.829-39.822-39.822 0-0.4 0.006-0.799 0.018-1.196l-0.001 0.058c0-21.993 17.829-39.822 39.822-39.822v0h431.218v-432.356c0-0.005 0-0.011 0-0.016 0-21.993 17.829-39.822 39.822-39.822 0.4 0 0.799 0.006 1.196 0.018l-0.058-0.001c21.993 0 39.822 17.829 39.822 39.822v0 431.218h432.356c0.005 0 0.011 0 0.016 0 21.993 0 39.822 17.829 39.822 39.822 0 0.4-0.006 0.799-0.018 1.196l0.001-0.058c0 21.993-17.829 39.822-39.822 39.822v0z"
/>
<glyph
unicode=
""
glyph-name=
"16"
d=
"M672.996 422.4c79.762 52.314 131.708 141.313 131.708 242.444 0 0.866-0.004 1.731-0.011 2.595l0.001-0.133c0.091 2.719 0.142 5.915 0.142 9.123 0 161.65-131.043 292.693-292.693 292.693s-292.693-131.043-292.693-292.693c0-3.208 0.052-6.404 0.154-9.588l-0.012 0.464c-0.007-0.732-0.010-1.597-0.010-2.463 0-101.132 51.947-190.13 130.613-241.769l1.095-0.675c-205.677-68.746-351.293-259.607-351.293-484.477 0-0.676 0.001-1.352 0.004-2.027v0.104h73.102c0 242.397 196.501 438.898 438.898 438.898s438.898-196.501 438.898-438.898v0h73.102c0.003 0.598 0.004 1.307 0.004 2.016 0 224.766-145.479 415.553-347.413 483.337l-3.596 1.047zM512 448c-121.12 0-219.307 98.187-219.307 219.307s98.187 219.307 219.307 219.307c121.12 0 219.307-98.187 219.307-219.307v0c-0.483-120.925-98.381-218.824-219.26-219.307h-0.046z"
/>
<glyph
unicode=
""
glyph-name=
"17"
d=
"M515.982 95.004c19.101 0.16 34.543 15.601 34.702 34.687v212.211c0 19.244-15.6 34.844-34.844 34.844s-34.844-15.6-34.844-34.844v0-212.196c0.161-19.2 15.763-34.702 34.986-34.702 0 0 0.001 0 0.001 0v0zM913.636 535.893h-71.111v97.564c0 180.658-146.453 327.111-327.111 327.111s-327.111-146.453-327.111-327.111v0-97.849h-69.973c0 0 0 0-0.001 0-33.832 0-61.278-27.346-61.439-61.14v-477.028c0-33.932 27.508-61.44 61.44-61.44v0h796.444c33.932 0 61.44 27.508 61.44 61.44v0 477.013c0 0.003 0 0.007 0 0.011 0 33.932-27.508 61.44-61.44 61.44-0.4 0-0.799-0.004-1.197-0.011l0.060 0.001zM259.413 535.893v97.564c0 141.856 114.997 256.853 256.853 256.853s256.853-114.997 256.853-256.853v-97.849zM905.671 466.204v-460.516h-779.093v460.516z"
/>
<glyph
unicode=
""
glyph-name=
"18"
d=
"M512 159.057l446.592 577.887h-893.185l446.592-577.887z"
/>
<glyph
unicode=
""
glyph-name=
"19"
d=
"M103.784 857.185l0.83 12.039c6.238 51.36 49.57 90.763 102.106 90.763 18.963 0 36.727-5.134 51.977-14.087l-0.484 0.262 3.598-2.076 622.703-415.135c25.917-19.265 42.527-49.792 42.527-84.198 0-35.245-17.43-66.42-44.14-85.374l-0.324-0.218-619.382-410.984c-14.912-10.592-33.488-16.932-53.545-16.932-1.073 0-2.142 0.018-3.207 0.054l0.155-0.004c-56.268 0.911-101.669 46.168-102.813 102.292l-0.002 0.108z"
/>
<glyph
unicode=
""
glyph-name=
"20"
d=
"M389.506-28.45c-0.109-23.645-19.248-42.783-42.882-42.892h-168.487c-23.645 0.109-42.783 19.248-42.892 42.882v945.568c0.109 23.645 19.248 42.783 42.882 42.892h168.487c23.645-0.109 42.783-19.248 42.892-42.882v-0.010zM879.867-28.45c-0.109-23.645-19.248-42.783-42.882-42.892h-168.487c-23.645 0.109-42.783 19.248-42.892 42.882v945.568c0.109 23.645 19.248 42.783 42.882 42.892h168.487c23.645-0.109 42.783-19.248 42.892-42.882v-0.010z"
/>
<glyph
unicode=
""
glyph-name=
"21"
d=
"M726.756 448c0-118.606-96.149-214.756-214.756-214.756s-214.756 96.149-214.756 214.756c0 118.606 96.149 214.756 214.756 214.756s214.756-96.149 214.756-214.756zM512.11-64.22c-282.831 0-512.11 229.28-512.11 512.11s229.28 512.11 512.11 512.11c282.831 0 512.11-229.28 512.11-512.11v0c-0.282-282.718-229.393-511.828-512.084-512.11h-0.026zM512.11 849.869c-222.007 0-401.979-179.972-401.979-401.979s179.972-401.979 401.979-401.979c222.007 0 401.979 179.972 401.979 401.979v0c-0.219 221.919-180.061 401.76-401.958 401.979h-0.021z"
/>
<glyph
unicode=
""
glyph-name=
"22"
d=
"M9.974 960h784.623v-146.286h-784.623v146.286zM156.26 960v-784.623h-146.286v784.623h146.286zM198.538 859.115l817.925-817.925-103.44-103.44-817.925 817.925 103.44 103.44z"
/>
<glyph
unicode=
""
glyph-name=
"23"
horiz-adv-x=
"835"
d=
"M417.329 959.977l417.336-417.336-77.808-77.808-417.336 417.336 77.808 77.808zM495.139 882.179l-417.336-417.336-77.808 77.808 417.336 417.336 77.808-77.808zM463.959 806.097v-870.097h-110.038v870.097h110.038z"
/>
<glyph
unicode=
""
glyph-name=
"24"
d=
"M1022.205 950.026v-784.623h-146.286v784.623h146.286zM1022.271 803.74h-784.623v146.286h784.623v-146.286zM921.365 761.563l-817.925-817.925-103.44 103.44 817.925 817.925 103.44-103.44z"
/>
<glyph
unicode=
""
glyph-name=
"25"
d=
"M0-56.42v784.623h146.286v-784.623h-146.286zM0 89.866h784.623v-146.286h-784.623v146.286zM100.879 132.095l817.925 817.925 103.44-103.44-817.925-817.925-103.44 103.44z"
/>
<glyph
unicode=
""
glyph-name=
"26"
d=
"M1016.353-62.271h-784.623v146.286h784.623v-146.286zM870.068-62.205v784.623h146.286v-784.623h-146.286zM827.884 38.629l-817.925 817.925 103.44 103.44 817.925-817.925-103.44-103.44z"
/>
<glyph
unicode=
""
glyph-name=
"27"
d=
"M0.030 448.294l416.786 416.786 77.706-77.706-416.786-416.786-77.706 77.706zM77.726 526.001l416.786-416.786-77.706-77.706-416.786 416.786 77.706 77.706zM153.7 494.854h868.951v-109.893h-868.951v109.893z"
/>
<glyph
unicode=
""
glyph-name=
"28"
d=
"M1022.667 448.335l-416.786-416.786-77.706 77.706 416.786 416.786 77.706-77.706zM944.971 370.618l-416.786 416.786 77.706 77.706 416.786-416.786-77.706-77.706zM868.951 401.745h-868.951v109.893h868.951v-109.893z"
/>
<glyph
unicode=
""
glyph-name=
"29"
horiz-adv-x=
"835"
d=
"M417.31-64.008l-417.336 417.336 77.808 77.808 417.336-417.336-77.808-77.808zM339.501 13.801l417.336 417.336 77.808-77.808-417.336-417.336-77.808 77.808zM370.727 89.903v870.097h110.038v-870.097h-110.038z"
/>
</font></defs></svg>
\ No newline at end of file
pc/src/assets/fonts/icomoon.ttf
0 → 100644
View file @
3d013f62
File added
pc/src/assets/fonts/icomoon.woff
0 → 100644
View file @
3d013f62
File added
pc/src/assets/icons.css
0 → 100644
View file @
3d013f62
@font-face
{
font-family
:
'icomoon'
;
src
:
url('fonts/icomoon.eot?e6yl7u')
;
src
:
url('fonts/icomoon.eot?e6yl7u#iefix')
format
(
'embedded-opentype'
),
url('fonts/icomoon.ttf?e6yl7u')
format
(
'truetype'
),
url('fonts/icomoon.woff?e6yl7u')
format
(
'woff'
),
url('fonts/icomoon.svg?e6yl7u#icomoon')
format
(
'svg'
);
font-weight
:
normal
;
font-style
:
normal
;
font-display
:
block
;
}
[
class
^=
"icon-"
],
[
class
*=
" icon-"
]
{
/* use !important to prevent issues with browser extensions that change fonts */
font-family
:
'icomoon'
!important
;
speak
:
never
;
font-style
:
normal
;
font-weight
:
normal
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
/* Better Font Rendering =========== */
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
}
.icon-1
:before
{
content
:
"\e900"
;
}
.icon-2
:before
{
content
:
"\e901"
;
}
.icon-3
:before
{
content
:
"\e902"
;
}
.icon-4
:before
{
content
:
"\e903"
;
}
.icon-5
:before
{
content
:
"\e904"
;
}
.icon-6
:before
{
content
:
"\e905"
;
}
.icon-7
:before
{
content
:
"\e906"
;
}
.icon-8
:before
{
content
:
"\e907"
;
}
.icon-9
:before
{
content
:
"\e908"
;
}
.icon-10
:before
{
content
:
"\e909"
;
}
.icon-11
:before
{
content
:
"\e90a"
;
}
.icon-12
:before
{
content
:
"\e90b"
;
}
.icon-13
:before
{
content
:
"\e90c"
;
}
.icon-14
:before
{
content
:
"\e90d"
;
}
.icon-15
:before
{
content
:
"\e90e"
;
}
.icon-16
:before
{
content
:
"\e90f"
;
}
.icon-17
:before
{
content
:
"\e910"
;
}
.icon-18
:before
{
content
:
"\e911"
;
}
.icon-19
:before
{
content
:
"\e912"
;
}
.icon-20
:before
{
content
:
"\e913"
;
}
.icon-21
:before
{
content
:
"\e914"
;
}
.icon-22
:before
{
content
:
"\e915"
;
}
.icon-23
:before
{
content
:
"\e916"
;
}
.icon-24
:before
{
content
:
"\e917"
;
}
.icon-25
:before
{
content
:
"\e918"
;
}
.icon-26
:before
{
content
:
"\e919"
;
}
.icon-27
:before
{
content
:
"\e91a"
;
}
.icon-28
:before
{
content
:
"\e91b"
;
}
.icon-29
:before
{
content
:
"\e91c"
;
}
pc/src/assets/img/login-bg.png
0 → 100644
View file @
3d013f62
3.98 MB
pc/src/assets/img/title.png
0 → 100644
View file @
3d013f62
11.8 KB
pc/src/views/login.vue
View file @
3d013f62
<
template
>
<
template
>
<div
class=
"login"
>
<div
class=
"mask"
></div>
<div
class=
"login-box"
>
<img
class=
"title"
src=
"~@/assets/img/title.png"
alt=
""
>
<div
class=
"account-box"
>
<p
class=
"account-title"
>
账户登录
</p>
<div
class=
"row"
>
<span
class=
"icon icon-16"
></span>
<input
class=
"input"
type=
"text"
v-model=
"name"
placeholder=
"请输入您的账号"
/>
</div>
<div
class=
"row"
>
<span
class=
"icon icon-17"
></span>
<input
class=
"input"
type=
"password"
v-model=
"password"
placeholder=
"请输入密码"
/>
</div>
<div
class=
"opt"
>
<span
class=
"btn"
>
登录
</span>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
// @ is an alias to /src
// @ is an alias to /src
import
{
reactive
,
ref
}
from
"vue"
export
default
{
export
default
{
name
:
'login'
,
name
:
'login'
,
setup
(
props
,{
emit
}){
const
state
=
reactive
({
name
:
''
,
password
:
''
});
return
{
...
ref
(
state
)
}
},
components
:
{}
components
:
{}
}
}
</
script
>
</
script
>
<
style
lang=
"less"
>
.login{
width: 100%;
height: 100%;
background: url("../assets/img/login-bg.png") no-repeat center 100%/cover;
-webkit-user-select: none;
.mask{
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.4);
z-index: 1;
}
.login-box{
position: absolute;
top: 126px;
right: 144px;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-end;
.account-box{
display: flex;
flex-direction: column;
width: 460px;
height: 495px;
background-color: rgba(255,255,255,.1);
filter:brightness(130%);
backdrop-filter: blur(9px);
border-radius: 16px;
box-shadow: 0 0 20px rgba(0,0,0,.2);
margin-top: 100px;
padding: 15px 20px 30px 20px;
overflow: hidden;
.account-title{
flex-shrink: 0;
color: #fff;
text-align: center;
font-size: 36px;
line-height: 100px;
}
.row{
flex-shrink: 0;
background-color:rgba(255,255,255,.3);
border-radius: 8px;
padding: 20px;
margin: 10px 0;
display: flex;
align-items: center;
overflow: hidden;
.icon{
flex-shrink: 0;
color: #fff;
font-size: 16px;
}
.input{
flex: 1;
background-color: transparent;
color: #fff;
margin-left: 10px;
&::placeholder{
color: #fff;
}
}
}
.opt{
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
filter:brightness(80%);
.btn{
width: 100%;
height: 60px;
color: #fff;
border-radius: 6px;
line-height: 60px;
text-align: center;
background-color: #14cee1;
cursor: pointer;
&:hover{
opacity: .9;
}
}
}
}
}
}
</
style
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment