ソースを参照

feat: 登录页增加文字描述

sunxiao 3 ヶ月 前
コミット
cfbfc2a45a
2 ファイル変更28 行追加0 行削除
  1. 18 0
      src/assets/images/login/bg-text.svg
  2. 10 0
      src/views/login.vue

+ 18 - 0
src/assets/images/login/bg-text.svg

@@ -0,0 +1,18 @@
+<svg width="485" height="38" viewBox="0 0 485 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M466.689 33.2288C469.389 26.9931 470.803 20.4038 471.703 13.9109L473.246 2.98237H474.949C478.581 2.98237 480.928 2.78951 484.592 2.40379L484.142 5.68237C481.314 5.93951 479.256 6.13237 476.814 6.19665L475.946 12.3681H479.192C480.542 12.3681 482.117 11.7895 483.081 10.6324L482.374 15.6145H481.506L478.903 34.0002H474.692L477.296 15.6145H475.464C474.596 21.5609 473.374 27.5395 470.899 33.2288L470.578 34.0002H466.367L466.689 33.2288ZM453.671 33.5181L454.442 27.6681C456.403 25.6752 457.431 23.2324 457.656 22.5252H455.567L456.017 19.2467H461.192L461.417 17.5431H465.628L465.403 19.2467H465.981C467.492 19.2467 469.099 18.6681 470.031 17.5431L469.356 22.5252H464.921L464.728 23.9074C465.885 24.5502 467.074 25.4181 468.392 26.5431L466.817 30.9788C465.853 29.9502 464.953 29.1467 464.085 28.4717L463.314 34.0002H456.821C458.364 33.2609 459.231 32.3609 459.489 31.3002L460.324 25.2252C459.778 26.6074 458.653 28.4717 456.339 31.0109C455.631 31.7824 454.314 32.9395 453.671 33.5181ZM455.664 16.1931L456.114 12.9467H467.621C468.939 12.9467 470.578 12.3681 471.51 11.2109L471.253 12.9467L470.803 16.1931H455.664ZM457.528 8.54308H462.124C462.542 9.50737 462.992 10.6324 463.571 11.7895H458.781C458.203 10.6324 457.753 9.50737 457.528 8.54308ZM457.689 7.38594L458.139 4.13951H462.928L463.185 2.21094H467.203L466.946 4.13951H468.103C469.614 4.13951 471.221 3.56094 472.153 2.40379L471.928 4.13951L471.478 7.38594H457.689ZM464.503 11.7895C465.274 10.6324 466.174 9.50737 466.721 8.54308H471.51C470.771 9.50737 470.064 10.6324 469.292 11.7895H464.503Z" fill="#474B51"/>
+<path d="M440.563 33.9368H440.595C442.17 33.2297 443.102 32.169 443.263 31.044L447.313 2.17969H451.491L447.056 33.9368H440.563ZM421.759 33.9368L424.299 15.7118H433.62C435.034 15.7118 436.513 15.0368 437.574 13.944L436.866 18.9583L435.87 26.0618H429.409C430.984 25.3547 431.949 24.294 432.109 23.169L432.688 18.9583H427.995L426.356 30.6904H432.174C433.588 30.6904 435.034 30.0797 436.095 28.9547L435.42 33.9368H421.759ZM423.238 14.6511L423.881 10.0225C426.42 8.67254 428.284 6.80826 429.474 4.42969C429.859 3.62612 430.116 2.85469 430.309 2.17969H434.488C434.391 2.66183 434.231 3.17612 434.07 3.6904C435.934 5.0404 438.088 6.90469 439.952 9.41183L439.116 15.3583C437.027 12.369 434.456 9.63683 431.916 7.9654C430.245 10.3761 427.545 12.9475 423.238 14.6511ZM438.12 30.1118L441.72 4.52612H445.674L442.074 30.1118H438.12Z" fill="#474B51"/>
+<path d="M389.687 15.5824C392.548 15.2288 395.859 14.4253 399.266 13.3003C396.919 11.9503 395.505 10.9539 395.473 10.9217L398.269 7.45028C398.334 7.48242 400.873 9.25028 404.794 11.2431C408.941 9.47528 411.062 7.99671 411.577 7.45028C411.609 7.35385 411.641 7.22528 411.641 7.12885H397.723C396.18 9.47528 393.93 12.0467 390.652 13.7503L391.391 8.57528C393.994 6.32528 395.377 3.36814 395.955 1.85742H400.23C400.102 2.27528 399.844 2.98242 399.459 3.88242H412.477C414.019 3.88242 415.434 3.30385 416.526 2.14671L416.141 4.94314C416.141 4.94314 415.916 6.77528 415.562 8.25385C415.402 8.89671 414.919 10.6003 409.552 13.3646C411.802 14.2324 414.277 15.036 416.848 15.5824L416.269 19.8253C415.723 19.7288 415.176 19.6003 414.63 19.4717L412.605 34.0324H405.501C407.334 33.261 408.684 31.9431 408.909 30.4003L409.744 24.2931H398.334C397.498 26.1253 396.373 28.2789 394.734 30.786C394.155 31.686 393.351 32.8431 392.484 34.0646H387.662C389.012 32.2003 390.427 30.1753 391.294 28.8574C392.419 27.1539 393.255 25.6753 393.93 24.2931H389.494L389.977 21.0467H395.344C395.666 20.2753 396.019 19.311 396.341 18.4431H400.584C400.359 19.1503 400.005 20.1467 399.652 21.0467H410.58C412.059 21.0467 413.409 20.5003 414.534 19.4396C410.677 18.5396 407.077 17.1896 404.087 15.8074C398.848 17.8646 393.448 19.311 389.109 19.7931L389.687 15.5824Z" fill="#474B51"/>
+<path d="M358.804 34.0008C360.604 33.2294 361.954 31.8794 362.179 30.3686L363.112 23.8115H360.701C360.411 25.0972 360.154 26.2865 359.865 27.4115C359.158 29.8544 358.451 32.1365 357.84 34.0008H353.597C354.24 32.0722 355.076 29.5972 355.783 26.8972C357.229 21.4329 358.419 12.9794 358.901 9.34721L359.865 2.75792H366.422C367.997 2.75792 369.411 2.17935 370.536 1.05435L365.876 34.0008H358.804ZM361.311 20.5651H363.561L364.365 14.8758H362.244C361.987 16.6758 361.665 18.6044 361.311 20.5651ZM362.726 11.6294H364.815L365.619 6.03649H363.529L363.047 9.34721L362.726 11.6294ZM367.579 34.0008L371.983 2.66149H381.497C383.008 2.66149 384.39 2.08292 385.515 0.925781L383.94 11.8865H376.901C378.701 11.1472 380.019 9.76507 380.244 8.25435L380.629 5.87578H375.744L374.554 14.2329H379.826C381.336 14.2329 382.751 13.6865 383.844 12.5294L383.522 14.9401C383.104 19.1186 381.529 24.0365 379.183 27.9901C379.119 28.0543 379.087 28.1508 379.022 28.2794C379.826 30.4329 380.661 32.4258 381.304 34.0008H376.869L376.194 32.4258C375.808 32.9401 375.39 33.4544 374.908 34.0008H367.579ZM372.176 31.3329C373.172 30.0151 373.944 28.8901 374.522 27.9579C374.233 27.1222 374.008 26.3829 373.879 25.7722C373.687 25.0329 373.494 24.1651 373.301 23.2329L372.176 31.3329ZM373.815 19.5044H376.451C376.611 20.5972 376.869 21.8186 377.254 23.0722C378.122 21.1115 378.669 19.1186 379.022 17.4794H374.104L373.815 19.5044Z" fill="#474B51"/>
+<path d="M337.95 29.0824C339.461 25.5788 341.261 11.7574 341.261 11.7574L341.646 8.83242H339.396L339.879 5.55385H342.096L342.611 1.85742H346.854L346.339 5.55385H348.782C350.068 5.55385 351.579 4.81456 352.704 3.81814L352.447 5.55385L348.461 33.8074H341.936C343.382 33.2931 344.507 31.6217 344.636 30.786L347.754 8.83242H345.889L345.504 11.7574C345.504 11.7574 343.607 25.6753 342.129 29.1789L340.104 34.0003H332.55C332.389 33.5181 332.293 33.0038 332.164 32.4253L329.304 32.9074C326.636 33.3574 323.968 33.5824 321.332 33.5824L321.846 29.9181C323.229 28.2146 325.382 23.4896 326.475 20.3717C326.796 19.4717 327.375 17.7681 327.793 16.386H324L324.45 13.1396H334.607C336.15 13.1396 337.532 12.561 338.689 11.4038L337.982 16.386H331.811C330.397 21.0788 328.982 26.061 326.379 29.6288C328.243 29.436 330.172 29.1789 331.682 28.9538C331.361 25.2253 331.361 20.886 331.393 18.2503H335.025C334.897 20.0181 335.314 28.8574 336.311 33.0038L337.95 29.0824ZM326.314 7.12885L326.764 4.07528H334.993C336.536 4.07528 337.918 3.30385 339.043 2.14671L338.368 7.12885H326.314Z" fill="#474B51"/>
+<path d="M311.696 28.6645C311.664 28.0217 311.567 26.9288 311.439 25.5145C310.86 26.8645 310.314 27.9574 309.928 28.6324H305.91C307.324 26.4145 309.028 22.3002 310.571 18.3145C310.024 14.2966 309.414 10.2145 308.964 8.02879H312.853L313.303 10.8574C313.753 9.60379 314.106 8.60737 314.331 8.02879H318.189C317.931 8.83237 316.228 13.4609 314.396 18.1859C315.071 22.9752 315.617 27.4109 315.456 28.6645H311.696ZM288.939 27.8931L289.389 24.6467H292.281C293.792 24.6467 295.206 24.0681 296.364 22.9109L295.656 27.8931H288.939ZM290.481 20.2109L293.021 7.32165H297.199L295.303 16.9967H296.878L298.903 6.10022H292.506L292.956 2.85379H300.092C301.41 2.85379 303.049 2.27522 303.949 1.11808L301.185 16.1609C301.571 15.9038 301.956 15.5824 302.31 15.2288L301.956 17.8324L299.674 34.0002H292.635C294.467 33.2288 295.785 31.8788 296.01 30.3681L297.456 20.2109H290.481ZM300.767 33.9038L304.721 6.06808H304.689L305.171 2.78951H316.131C317.642 2.78951 319.056 2.24308 320.181 1.08594L319.474 6.06808H308.867L305.364 30.6895H312.21C313.721 30.6895 315.135 30.0788 316.26 28.9217L315.553 33.9038H300.767Z" fill="#474B51"/>
+<path d="M281.398 2.56445H285.577L281.141 33.968H276.963L281.398 2.56445Z" fill="#474B51"/>
+<path d="M258.047 4.65374C258.497 3.43231 259.686 2.56445 260.94 2.56445H265.215C266.436 2.56445 267.401 3.43231 267.465 4.65374L269.715 30.3037V30.4323V30.3359L269.747 30.7537C269.908 31.9752 270.519 33.1323 271.547 33.9037L271.644 33.9359H266.404L265.086 21.4966H256.311L251.844 33.9359H248.211L258.047 4.65374ZM257.469 18.2502H264.765L263.447 5.81088H261.936L257.469 18.2502ZM269.715 30.2073V30.3037V30.3359V30.2073Z" fill="#474B51"/>
+<path d="M230.544 37.8573C232.376 34.3858 234.016 31.1073 234.916 28.793H239.159C238.291 30.7215 236.844 34.193 234.98 37.8573H230.544Z" fill="#474B51"/>
+<path d="M200.24 25.0329L200.626 22.14H220.908L221.036 21.3686H201.719L202.104 18.5079H221.422L221.551 17.7364H201.269L201.654 14.8757H222.483C223.608 14.8757 224.894 14.49 225.826 13.7186H223.094L222.997 14.2972H218.754L218.851 13.7186H214.222L214.64 10.8579H219.236L219.397 9.70073H215.765L216.151 6.84001H219.783L219.944 5.87573H215.894L216.311 3.01501H220.329L220.49 1.85787H224.733L224.572 3.01501H224.926C226.436 3.01501 227.883 2.43644 229.008 1.2793L228.333 5.87573H227.786L227.24 9.70073H223.64L223.479 10.8579H224.444C225.954 10.8579 227.369 10.2472 228.494 9.12215L227.851 13.7186H226.308L224.733 25.0329H200.24ZM197.604 34.0007C198.729 31.4936 199.469 28.8579 200.079 26.1579H204.29C203.711 28.8579 202.747 31.4936 201.622 34.0007H197.604ZM200.465 13.7186L200.883 10.8579H205.286L205.447 9.70073H201.815L202.201 6.84001H205.833L205.994 5.87573H201.783L202.201 3.01501H206.379L206.54 1.85787H210.751L210.59 3.01501H210.944C212.486 3.01501 213.933 2.43644 215.026 1.2793L214.351 5.87573H213.836L213.29 9.70073H209.658L209.497 10.8579H210.429C211.972 10.8579 213.386 10.2472 214.511 9.12215L213.869 13.7186H209.111L209.015 14.2972H204.804L204.901 13.7186H200.465ZM205.254 34.0007L206.379 26.1579H210.622L209.947 30.7543H216.247C217.726 30.7543 219.14 30.2079 220.233 29.0829C220.233 28.1186 220.297 27.1543 220.361 26.1579H224.572C224.347 28.8579 224.379 31.4936 224.765 34.0007H220.554C220.297 32.5543 220.233 31.0436 220.233 29.5329L219.59 34.0007H205.254ZM210.044 6.84001C211.136 6.80787 212.133 6.48644 213.033 5.87573H210.204L210.044 6.84001ZM212.904 29.9829C212.936 28.44 212.936 26.9293 213.001 25.3864H217.179C216.954 26.9293 216.954 28.44 217.115 29.9829H212.904ZM224.026 6.84001C225.086 6.80787 226.083 6.48644 226.983 5.87573H224.186L224.026 6.84001Z" fill="#474B51"/>
+<path d="M167.043 34.0009L169.229 18.3152H188.964C190.025 18.3152 191.343 17.9616 192.275 17.1902H182.118L184.111 3.07947H192.468C193.786 3.07947 195.393 2.50089 196.325 1.34375L194.107 17.1902H192.757L190.411 34.0009H167.043ZM167.171 18.4438L167.75 14.3295C169.293 13.9438 170.611 13.3009 171.671 12.433H168.007L168.457 9.21875L168.939 5.77946C170.546 4.55804 170.932 3.27232 171.318 1.85804H175.207C175.046 2.37232 174.95 2.91875 174.757 3.43304H178.582C180.093 3.43304 181.539 2.85446 182.664 1.69732L181.957 6.67946H178.679L178.518 7.80446C178.454 8.22232 178.357 8.70447 178.196 9.21875H178.646C180.189 9.21875 181.604 8.64018 182.729 7.48304L182.021 12.433H178.261C179.643 14.008 181.057 15.9045 181.925 17.9295H177.071C176.332 16.7723 175.464 15.7116 174.629 14.8116C172.893 16.4188 170.45 17.833 167.171 18.4438ZM170.771 9.21875H174.082C174.339 8.57589 174.468 8.02947 174.5 7.80446L174.661 6.67946H173.054C172.379 7.67589 171.639 8.54375 170.771 9.21875ZM171.639 30.7545H186.714L187.132 27.7973H172.057L171.639 30.7545ZM172.507 24.5187H187.582L188 21.5938H172.925L172.507 24.5187ZM186.746 13.9438H190.379L191.471 6.29375H187.839L186.746 13.9438Z" fill="#474B51"/>
+<path d="M152.649 34.0003C152.649 34.0003 151.685 33.261 150.56 32.3288C149.178 33.261 147.989 34.0003 147.989 34.0003H141.431C141.431 34.0003 144.903 31.911 147.796 29.9503C147.571 29.7253 147.41 29.5324 147.314 29.4039C145.031 26.4789 145.128 24.1646 145.449 22.0753H143.103L143.553 18.8288H146.028L146.606 16.2253H150.785L150.206 18.8288H157.214C158.724 18.8288 160.171 18.2503 161.296 17.1253L160.589 22.0753H158.499C158.21 24.1646 157.664 26.4789 154.61 29.4039L153.967 29.9503C156.314 31.911 159.174 34.0003 159.174 34.0003H152.649ZM131.371 34.0003C133.203 33.2288 134.521 31.8788 134.746 30.3681L135.903 22.0753L133.139 22.8467L133.653 19.2146H133.717C134.489 18.9896 135.421 18.7324 136.417 18.411L137.542 10.2788H134.906L135.389 7.03242H137.992L138.731 1.85742H142.942L142.235 6.90385C143.296 6.67885 144.26 6.13242 145.064 5.32885L144.356 10.2788H141.753L140.821 16.9003C141.785 16.5789 142.717 16.2253 143.585 15.9038L143.071 19.536H143.039C142.139 19.8896 141.239 20.2431 140.306 20.5646L138.442 34.0003H131.371ZM144.003 15.5503L144.485 12.3038H147.474C147.153 10.9217 146.896 9.70028 146.703 8.76814H150.592C150.817 9.79671 151.106 11.0181 151.46 12.3038H155.156C155.864 11.0181 156.474 9.79671 156.989 8.76814H160.878C160.46 9.66813 159.849 10.8574 159.174 12.2074C160.299 12.0146 161.328 11.4681 162.196 10.5681L161.489 15.5503H144.003ZM145.803 7.96457L146.253 4.71814H152.199L152.585 1.88956H156.764L156.378 4.71814H158.789C160.331 4.71814 161.714 4.13956 162.839 2.98242L162.164 7.96457H145.803ZM149.596 22.0753C149.339 23.6181 149.306 24.9039 151.171 27.3146L151.235 27.3788C151.267 27.3467 151.267 27.3467 151.299 27.3146C153.839 24.9039 154.192 23.6181 154.353 22.0753H149.596Z" fill="#474B51"/>
+<path d="M126.684 28.7294L125.977 33.7436H106.049L105.149 32.1365C103.059 32.9401 100.97 33.5186 98.9129 33.9044L99.4272 30.2722C100.327 30.1115 101.452 29.8222 102.641 29.4365L104.795 13.9115H101.999L102.449 10.6651H105.759C107.174 10.6651 108.684 10.0222 109.713 8.89721L109.006 13.9115H108.974L107.045 27.8936L106.82 29.5329L106.724 30.1758L106.691 30.4972H122.731C124.145 30.4972 125.624 29.8544 126.684 28.7294ZM104.699 2.27578H109.231C109.52 4.14007 109.841 6.35792 110.034 8.5115H105.599C105.341 5.90792 104.956 3.59364 104.699 2.27578ZM108.716 24.7758L109.166 21.5294H116.141L116.752 17.3829H109.745L110.195 14.1365L110.42 12.5615C112.091 11.3401 113.409 9.76507 114.47 8.22221H111.063L111.513 4.97578H116.334C116.913 3.72221 117.299 2.66149 117.491 2.05078H121.67C121.509 2.72578 121.188 3.75435 120.641 4.97578H125.945C127.359 4.97578 128.774 4.33292 129.866 3.20792L129.191 8.22221H119.002C117.845 10.1829 116.302 12.2722 114.277 14.1365H117.202L117.62 11.1472H121.799L121.381 14.1365H123.695C125.141 14.1365 126.652 13.4936 127.649 12.3686L126.974 17.3829H120.931L120.32 21.5294H123.599C125.013 21.5294 126.491 20.8865 127.552 19.7615L126.845 24.7758H119.87L119.259 29.1151H115.081L115.691 24.7758H108.716Z" fill="#474B51"/>
+<path d="M68.1586 34.0003L70.505 17.3503H89.63C90.9479 17.3503 92.555 16.7717 93.455 15.6146L90.8836 34.0003H68.1586ZM68.5121 15.3253L68.9943 12.0788H73.9443C73.7836 10.6324 73.7193 9.31456 73.6871 8.35028H77.5764C77.6407 9.44314 77.7693 10.761 77.93 12.0788H86.9943C87.5407 10.761 88.0229 9.44314 88.3764 8.35028H92.2979C91.9764 9.31456 91.5264 10.6324 90.9479 12.0788H92.3943C93.9371 12.0788 95.3514 11.5324 96.4443 10.3753L95.7371 15.3253H68.5121ZM71.3729 7.32171L71.855 4.07528H81.755L82.0764 1.85742H86.2229L85.9014 4.07528H91.8157C93.3586 4.07528 94.7407 3.49671 95.8657 2.33957L95.1586 7.32171H71.3729ZM72.755 30.7538H87.1871L87.7014 26.9931H73.2693L72.755 30.7538ZM73.7193 23.7467H88.1514L88.6014 20.5967H74.1693L73.7193 23.7467Z" fill="#474B51"/>
+<path d="M33.1293 34.0003C34.7043 28.8574 36.665 23.0396 37.6936 15.6467H57.8472C59.165 15.6467 60.8043 15.0681 61.7043 13.9431L59.8722 27.0574H39.4614C38.7543 29.6288 37.9829 31.9431 37.3079 34.0003V34.0324H33.1293V34.0003ZM36.9864 7.54671L37.4686 4.30028H48.8472L49.2007 1.85742H53.4114L53.0579 4.30028H60.3864C61.9293 4.30028 63.3114 3.72171 64.4364 2.56456L63.7293 7.54671H52.6079L52.2543 10.2146H58.3614C59.9043 10.2146 61.2864 9.63599 62.4114 8.47885L61.7364 13.461H37.4043L37.8543 10.2146H48.0436L48.3972 7.54671H36.9864ZM40.3293 23.811H46.115L46.8222 18.8931H41.39C41.0686 20.5967 40.715 22.236 40.3293 23.811ZM50.3257 23.811H56.1436L56.8507 18.8931H51.0329L50.3257 23.811Z" fill="#474B51"/>
+<path d="M19.7964 34C21.5964 33.2286 22.9464 31.9107 23.1714 30.3679L23.975 24.7107H18.35L17.0643 34H12.8214L14.1072 24.7107H7.80716C7.03573 27.5714 6.13573 30.4 5.07502 33.2286L4.85002 34H0.671448L0.896448 33.2286C3.27502 26.9286 4.85002 20.5643 5.78216 14.1357L7.32502 3.11071H27.3822C28.8929 3.11071 30.3072 2.5 31.4 1.375L30.725 6.35714H30.6929L26.8357 34H19.7964ZM8.57859 21.4964H14.5572L15.3929 15.55H9.73573C9.4143 17.5429 9.02859 19.5357 8.57859 21.4964ZM10.2179 12.2714H15.875L16.6786 6.35714H11.0536L10.2179 12.2714ZM18.8 21.4964H24.425L25.2286 15.55H19.6357L18.8 21.4964ZM20.1179 12.2714H25.7107L26.5143 6.35714H20.9214L20.1179 12.2714Z" fill="#474B51"/>
+</svg>

+ 10 - 0
src/views/login.vue

@@ -5,6 +5,10 @@
       <img src="@/assets/images/logo/logo.png" alt=""></img>
       <img src="@/assets/images/logo/logo-text.svg" alt=""></img>
     </div>
+    
+    <div class="login-text">
+      <img src="@/assets/images/login/bg-text.svg" alt=""></img>
+    </div>
 
     <el-form ref="loginRef" :model="loginForm" class="login-form">
       <h3 class="title">账号登录</h3>
@@ -183,6 +187,12 @@ getCookie();
   background-size: cover;
 }
 
+.login-text {
+  position: absolute;
+  left: 180px;
+  top: 240px;
+}
+
 .logo {
   position: absolute;
   left: 38px;