login

pc/src/App.vue

@@ -7,6 +7,7 @@
 
 <style lang="less">
 	@import url('./assets/public.css');
+	@import url('./assets/icons.css');
 	#app {
 		position: relative;
 		width: 100vw;

pc/src/assets/fonts/icomoon.svg

+<?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="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" 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="&#xe901;" 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="&#xe902;" 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="&#xe903;" 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="&#xe904;" 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="&#xe905;" 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="&#xe906;" 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="&#xe907;" 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="&#xe908;" 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="&#xe909;" 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="&#xe90a;" 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="&#xe90b;" 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="&#xe90c;" 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="&#xe90d;" 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="&#xe90e;" 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="&#xe90f;" 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="&#xe910;" 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="&#xe911;" glyph-name="18" d="M512 159.057l446.592 577.887h-893.185l446.592-577.887z" />
+<glyph unicode="&#xe912;" 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="&#xe913;" 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="&#xe914;" 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="&#xe915;" 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="&#xe916;" 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="&#xe917;" 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="&#xe918;" 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="&#xe919;" 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="&#xe91a;" 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="&#xe91b;" 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="&#xe91c;" 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/icons.css

+@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/views/login.vue

 <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>
 
 <script>
 	// @ is an alias to /src
+	import {reactive,ref} from "vue"
 	export default {
 		name: 'login',
+		setup(props,{emit}){
+			const state = reactive({
+				name:'',
+				password:''
+			});
+			return {
+				...ref(state)
+			}
+		},
 		components: {}
 	}
 </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>
+