登录注册页面大小适应

1 month ago · 0842ad527e
parent 7dda839937
commit 0842ad527e
2 changed files with 296 additions and 38 deletions
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -105,6 +105,12 @@ importers:
      typescript:
        specifier: ^5.2.2
        version: 5.2.2
+      unplugin-auto-import:
+        specifier: ^19.1.1
+        version: 19.1.1(@vueuse/core@10.11.0(vue@3.4.29(typescript@5.2.2)))
+      unplugin-vue-components:
+        specifier: ^28.4.1
+        version: 28.4.1(@babel/parser@7.24.7)(vue@3.4.29(typescript@5.2.2))
      vite:
        specifier: ^5.3.1
        version: 5.3.1(@types/node@20.14.9)(less@4.2.2)(sass@1.77.6)
@ -374,6 +380,9 @@ packages:
  '@jridgewell/sourcemap-codec@1.4.15':
    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}

+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
  '@kjgl77/datav-vue3@1.7.3':
    resolution: {integrity: sha512-8zNu2zDXylDS6aL8SNDR7/h4ccO2LnBg/KbTwOeF7p9hqiRW9TR7Zd/e8baYnJPb9tAwYOubzWTQnjUTdtE8dA==}

@ -570,6 +579,11 @@ packages:
  '@vueuse/shared@9.13.0':
    resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}

+  acorn@8.14.1:
+    resolution: {integrity: sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
  ansi-regex@0.2.1:
    resolution: {integrity: sha512-sGwIGMjhYdW26/IhwK2gkWWI8DRCVO6uj3hYgHT+zD+QL1pa37tM3ujhyfcJIYSbsxp7Gxhy7zrRW/1AHm4BmA==}
    engines: {node: '>=0.10.0'}
@ -650,6 +664,12 @@ packages:
  concat-map@0.0.1:
    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}

+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.1:
+    resolution: {integrity: sha512-hkT3yDPFbs95mNCy1+7qNKC6Pro+/ibzYxtM2iqEigpf0sVw+bg4Zh9/snjsBcf990vfIsg5+1U7VyiyBb3etg==}
+
  copy-anything@2.0.6:
    resolution: {integrity: sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==}

@ -665,6 +685,15 @@ packages:
  de-indent@1.0.2:
    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}

+  debug@4.4.0:
+    resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
  decode-uri-component@0.2.2:
    resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
    engines: {node: '>=0.10'}
@ -718,12 +747,30 @@ packages:
    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
    engines: {node: '>=0.8.0'}

+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
  estree-walker@2.0.2:
    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}

+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  exsolve@1.0.4:
+    resolution: {integrity: sha512-xsZH6PXaER4XoV+NiT7JHp1bJodJVT+cxeSH1G0f0tlT0lJqYuHUP3bUx2HtfTDvOagMINYp8rsqusxud3RXhw==}
+
  extend@3.0.2:
    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}

+  fdir@6.4.3:
+    resolution: {integrity: sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
  fill-range@7.1.1:
    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
    engines: {node: '>=8'}
@ -838,6 +885,9 @@ packages:
  js-tokens@9.0.0:
    resolution: {integrity: sha512-WriZw1luRMlmV3LGJaR6QOJjWwgLUTf89OwT2lUOyjX2dJGBwgmIkbcz+7WFZjrZM635JOIR517++e/67CP9dQ==}

+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
  json5@1.0.2:
    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
    hasBin: true
@ -857,6 +907,10 @@ packages:
    resolution: {integrity: sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==}
    engines: {node: '>=4.0.0'}

+  local-pkg@1.1.1:
+    resolution: {integrity: sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==}
+    engines: {node: '>=14'}
+
  lodash-es@4.17.21:
    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}

@ -873,6 +927,9 @@ packages:
  magic-string@0.30.10:
    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}

+  magic-string@0.30.17:
+    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+
  make-dir@2.1.0:
    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
    engines: {node: '>=6'}
@ -903,9 +960,15 @@ packages:
  minimist@1.2.8:
    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}

+  mlly@1.7.4:
+    resolution: {integrity: sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==}
+
  mousetrap@1.6.5:
    resolution: {integrity: sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA==}

+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
  nanoid@3.3.7:
    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@ -944,6 +1007,9 @@ packages:
    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
    engines: {node: '>=0.10.0'}

+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
  picocolors@1.0.1:
    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}

@ -951,6 +1017,10 @@ packages:
    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
    engines: {node: '>=8.6'}

+  picomatch@4.0.2:
+    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
+    engines: {node: '>=12'}
+
  pify@4.0.1:
    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
    engines: {node: '>=6'}
@ -967,6 +1037,12 @@ packages:
      typescript:
        optional: true

+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.1.0:
+    resolution: {integrity: sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==}
+
  postcss-html@1.7.0:
    resolution: {integrity: sha512-MfcMpSUIaR/nNgeVS8AyvyDugXlADjN9AcV7e5rDfrF1wduIAGSkL4q2+wgrZgA3sHVAHLDO9FuauHhZYW2nBw==}
    engines: {node: ^12 || >=14}
@ -1007,6 +1083,9 @@ packages:
    resolution: {integrity: sha512-R+LQj3Evbjbpmglo7D0PBVsnAbKP4WSvZEZUnF8RGIpWkIHFeAT+BlDOxxBxKVyMDecmfv9qdzNLTZLMq32osA==}
    hasBin: true

+  quansync@0.2.10:
+    resolution: {integrity: sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==}
+
  readdirp@3.6.0:
    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
    engines: {node: '>=8.10.0'}
@ -1060,6 +1139,9 @@ packages:
  sax@1.4.1:
    resolution: {integrity: sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==}

+  scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+
  semver@5.7.2:
    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
    hasBin: true
@ -1098,6 +1180,9 @@ packages:
    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
    engines: {node: '>=0.10.0'}

+  strip-literal@3.0.0:
+    resolution: {integrity: sha512-TcccoMhJOM3OebGhSBEmp3UZ2SfDMZUEBdRA/9ynfLi8yYajyWX3JiXArcJt4Umh4vISpspkQIY8ZZoCqjbviA==}
+
  supports-color@0.2.0:
    resolution: {integrity: sha512-tdCZ28MnM7k7cJDJc7Eq80A9CsRFAAOZUy41npOZCs++qSjfIy7o5Rh46CBk+Dk5FbKJ33X3Tqg4YrV07N5RaA==}
    engines: {node: '>=0.10.0'}
@ -1111,6 +1196,10 @@ packages:
    resolution: {integrity: sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==}
    engines: {node: '>=0.8.0'}

+  tinyglobby@0.2.12:
+    resolution: {integrity: sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==}
+    engines: {node: '>=12.0.0'}
+
  to-fast-properties@2.0.0:
    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
    engines: {node: '>=4'}
@ -1127,9 +1216,49 @@ packages:
    engines: {node: '>=14.17'}
    hasBin: true

+  ufo@1.5.4:
+    resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
+
  undici-types@5.26.5:
    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}

+  unimport@4.1.2:
+    resolution: {integrity: sha512-oVUL7PSlyVV3QRhsdcyYEMaDX8HJyS/CnUonEJTYA3//bWO+o/4gG8F7auGWWWkrrxBQBYOO8DKe+C53ktpRXw==}
+    engines: {node: '>=18.12.0'}
+
+  unplugin-auto-import@19.1.1:
+    resolution: {integrity: sha512-sCGZZrSR1Bc8RfN8Q0RUDxXtC20rdAt7UB4lDyq8MNtKVHiXXh+5af6Nz4JRp9Q+7HjnbgQfQox0TkEymjdUAQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@nuxt/kit': ^3.2.2
+      '@vueuse/core': '*'
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+      '@vueuse/core':
+        optional: true
+
+  unplugin-utils@0.2.4:
+    resolution: {integrity: sha512-8U/MtpkPkkk3Atewj1+RcKIjb5WBimZ/WSLhhR3w6SsIj8XJuKTacSP8g+2JhfSGw0Cb125Y+2zA/IzJZDVbhA==}
+    engines: {node: '>=18.12.0'}
+
+  unplugin-vue-components@28.4.1:
+    resolution: {integrity: sha512-niGSc0vJD9ueAnsqcfAldmtpkppZ09B6p2G1dL7X5S8KPdgbk1P+txPwaaDCe7N+eZh2VG1aAypLXkuJs3OSUg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/parser': ^7.15.8
+      '@nuxt/kit': ^3.2.2
+      vue: 2 || 3
+    peerDependenciesMeta:
+      '@babel/parser':
+        optional: true
+      '@nuxt/kit':
+        optional: true
+
+  unplugin@2.2.1:
+    resolution: {integrity: sha512-Q0YDhwViJaSnHf1cxLf+/VKhmfdr/ZAS/RL2GQVO0cAbAfJAVUef2bvNu+veyWcEPNwsTlFmMiFLjf8Xeqog8g==}
+    engines: {node: '>=18.12.0'}
+
  urix@0.1.0:
    resolution: {integrity: sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==}
    deprecated: Please see https://github.com/lydell/urix#deprecated
@ -1213,6 +1342,9 @@ packages:
      typescript:
        optional: true

+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
  wrappy@1.0.2:
    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}

@ -1407,6 +1539,8 @@ snapshots:

  '@jridgewell/sourcemap-codec@1.4.15': {}

+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
  '@kjgl77/datav-vue3@1.7.3(vue@3.4.29(typescript@5.2.2))':
    dependencies:
      '@jiaminghi/c-render': 0.4.3
@ -1621,6 +1755,8 @@ snapshots:
      - '@vue/composition-api'
      - vue

+  acorn@8.14.1: {}
+
  ansi-regex@0.2.1: {}

  ansi-regex@2.1.1: {}
@ -1705,6 +1841,10 @@ snapshots:

  concat-map@0.0.1: {}

+  confbox@0.1.8: {}
+
+  confbox@0.2.1: {}
+
  copy-anything@2.0.6:
    dependencies:
      is-what: 3.14.1
@ -1722,6 +1862,10 @@ snapshots:

  de-indent@1.0.2: {}

+  debug@4.4.0:
+    dependencies:
+      ms: 2.1.3
+
  decode-uri-component@0.2.2: {}

  delayed-stream@1.0.0: {}
@ -1809,10 +1953,22 @@ snapshots:

  escape-string-regexp@1.0.5: {}

+  escape-string-regexp@5.0.0: {}
+
  estree-walker@2.0.2: {}

+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.5
+
+  exsolve@1.0.4: {}
+
  extend@3.0.2: {}

+  fdir@6.4.3(picomatch@4.0.2):
+    optionalDependencies:
+      picomatch: 4.0.2
+
  fill-range@7.1.1:
    dependencies:
      to-regex-range: 5.0.1
@ -1914,6 +2070,8 @@ snapshots:

  js-tokens@9.0.0: {}

+  js-tokens@9.0.1: {}
+
  json5@1.0.2:
    dependencies:
      minimist: 1.2.8
@ -1944,6 +2102,12 @@ snapshots:
      emojis-list: 3.0.0
      json5: 1.0.2

+  local-pkg@1.1.1:
+    dependencies:
+      mlly: 1.7.4
+      pkg-types: 2.1.0
+      quansync: 0.2.10
+
  lodash-es@4.17.21: {}

  lodash-unified@1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21):
@ -1958,6 +2122,10 @@ snapshots:
    dependencies:
      '@jridgewell/sourcemap-codec': 1.4.15

+  magic-string@0.30.17:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+
  make-dir@2.1.0:
    dependencies:
      pify: 4.0.1
@ -1985,8 +2153,17 @@ snapshots:

  minimist@1.2.8: {}

+  mlly@1.7.4:
+    dependencies:
+      acorn: 8.14.1
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.5.4
+
  mousetrap@1.6.5: {}

+  ms@2.1.3: {}
+
  nanoid@3.3.7: {}

  natives@1.1.6: {}
@ -2013,10 +2190,14 @@ snapshots:

  path-is-absolute@1.0.1: {}

+  pathe@2.0.3: {}
+
  picocolors@1.0.1: {}

  picomatch@2.3.1: {}

+  picomatch@4.0.2: {}
+
  pify@4.0.1:
    optional: true

@ -2028,6 +2209,18 @@ snapshots:
    optionalDependencies:
      typescript: 5.2.2

+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.7.4
+      pathe: 2.0.3
+
+  pkg-types@2.1.0:
+    dependencies:
+      confbox: 0.2.1
+      exsolve: 1.0.4
+      pathe: 2.0.3
+
  postcss-html@1.7.0:
    dependencies:
      htmlparser2: 8.0.2
@ -2078,6 +2271,8 @@ snapshots:
      extend: 3.0.2
      fs-extra: 0.16.5

+  quansync@0.2.10: {}
+
  readdirp@3.6.0:
    dependencies:
      picomatch: 2.3.1
@ -2130,6 +2325,8 @@ snapshots:
  sax@1.4.1:
    optional: true

+  scule@1.3.0: {}
+
  semver@5.7.2:
    optional: true

@ -2159,6 +2356,10 @@ snapshots:
    dependencies:
      ansi-regex: 2.1.1

+  strip-literal@3.0.0:
+    dependencies:
+      js-tokens: 9.0.1
+
  supports-color@0.2.0: {}

  supports-color@2.0.0: {}
@ -2167,6 +2368,11 @@ snapshots:
    dependencies:
      has-flag: 1.0.0

+  tinyglobby@0.2.12:
+    dependencies:
+      fdir: 6.4.3(picomatch@4.0.2)
+      picomatch: 4.0.2
+
  to-fast-properties@2.0.0: {}

  to-regex-range@5.0.1:
@ -2177,8 +2383,64 @@ snapshots:

  typescript@5.2.2: {}

+  ufo@1.5.4: {}
+
  undici-types@5.26.5: {}

+  unimport@4.1.2:
+    dependencies:
+      acorn: 8.14.1
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      local-pkg: 1.1.1
+      magic-string: 0.30.17
+      mlly: 1.7.4
+      pathe: 2.0.3
+      picomatch: 4.0.2
+      pkg-types: 1.3.1
+      scule: 1.3.0
+      strip-literal: 3.0.0
+      tinyglobby: 0.2.12
+      unplugin: 2.2.1
+      unplugin-utils: 0.2.4
+
+  unplugin-auto-import@19.1.1(@vueuse/core@10.11.0(vue@3.4.29(typescript@5.2.2))):
+    dependencies:
+      local-pkg: 1.1.1
+      magic-string: 0.30.17
+      picomatch: 4.0.2
+      unimport: 4.1.2
+      unplugin: 2.2.1
+      unplugin-utils: 0.2.4
+    optionalDependencies:
+      '@vueuse/core': 10.11.0(vue@3.4.29(typescript@5.2.2))
+
+  unplugin-utils@0.2.4:
+    dependencies:
+      pathe: 2.0.3
+      picomatch: 4.0.2
+
+  unplugin-vue-components@28.4.1(@babel/parser@7.24.7)(vue@3.4.29(typescript@5.2.2)):
+    dependencies:
+      chokidar: 3.6.0
+      debug: 4.4.0
+      local-pkg: 1.1.1
+      magic-string: 0.30.17
+      mlly: 1.7.4
+      tinyglobby: 0.2.12
+      unplugin: 2.2.1
+      unplugin-utils: 0.2.4
+      vue: 3.4.29(typescript@5.2.2)
+    optionalDependencies:
+      '@babel/parser': 7.24.7
+    transitivePeerDependencies:
+      - supports-color
+
+  unplugin@2.2.1:
+    dependencies:
+      acorn: 8.14.1
+      webpack-virtual-modules: 0.6.2
+
  urix@0.1.0: {}

  utility-types@3.11.0: {}
@ -2231,6 +2493,8 @@ snapshots:
    optionalDependencies:
      typescript: 5.2.2

+  webpack-virtual-modules@0.6.2: {}
+
  wrappy@1.0.2: {}

  zrender@5.6.1:
--- a/src/layout/loginPage.vue
+++ b/src/layout/loginPage.vue
@ -5,19 +5,19 @@
    </div>
    <div class="main-content">
      <div class="middle-content">
-        <div class="errorBtn"></div>
+        <div class="errorBtn" @click="clickErrorBtn"></div>
        <el-row style="display: flex; justify-content: center">
          <el-col>
            <el-form :rules="rules" :model="formModel" ref="formRef" size="large" autocomplete="off" v-if="isRegister">
              <el-form-item prop="username" class="custom-form-item">
                <div style="display: flex; align-items: center; color: pink">
-                  <div class="left" style="display: flex; align-items: center;width: 5.625rem;">
-                    <div style="padding-right: .625rem; color: #1084c1">
+                  <div class="left" style="display: flex; align-items: center;width: 90px;">
+                    <div style="padding-right: 10px; color: #1084c1">
                      <el-icon class="bold-icon">
                        <User />
                      </el-icon>
                    </div>
-                    <div style="padding-right: .625rem; color: #2592a1">用户账号</div>
+                    <div style="padding-right: 10px; color: #2592a1">用户账号</div>
                  </div>
                  <div class="right">
                    <el-input v-model="formModel.username" style="border-color: #20bec8;"
@ -141,13 +141,13 @@
                  </div>
                </div>
              </el-form-item>
-              <el-form-item style="margin-bottom: -30px;">
-                <el-button style="color: #3ad7e2; background-color: #0e2e5e; width: 165px" class="button" type="primary"
-                  auto-insert-space @click="register">
+              <el-form-item>
+                <el-button style="color: #3ad7e2; background-color: #0e2e5e; width: 152px;margin-top: 10px;"
+                  class="button" type="primary" auto-insert-space @click="register">
                  注册
                </el-button>
-                <el-button style="color: #3ad7e2; background-color: #0e2e5e; width: 165px" class="button" type="primary"
-                  auto-insert-space @click="toLogin">
+                <el-button style="color: #3ad7e2; background-color: #0e2e5e; width: 155px;margin-top: 10px;"
+                  class="button" type="primary" auto-insert-space @click="toLogin">
                  返回到登录页
                </el-button>
              </el-form-item>
@ -158,10 +158,10 @@
                            </el-link>
                        </el-form-item> -->
            </el-form>
-            <el-form :model="formModel" :rules="rules" ref="formRef" size="large" autocomplete="off" v-else
-              class="custom-form">
+            <el-form style="margin-bottom: 90px;" :model="formModel" :rules="rules" ref="formRef" size="large"
+              autocomplete="off" v-else class="custom-form">
              <el-form-item prop="username" class="custom-form-item">
-                <div style="display: flex; align-items: center; color: pink">
+                <div style="display: flex; align-items: center;">
                  <div class="left" style="display: flex; align-items: center;width: 90px;">
                    <div style="padding-right: 10px; color: #1084c1">
                      <el-icon class="bold-icon">
@ -171,7 +171,7 @@
                    <div style="padding-right: 10px; color: #2592a1">用户名</div>
                  </div>
                  <div class="right">
-                    <el-input v-model="formModel.username" style="border-color: #20bec8;"
+                    <el-input v-model="formModel.username" style="height: 0.2344rem ;width: 250px;"
                      placeholder="请输入用户名"></el-input>
                  </div>
                </div>
@ -187,7 +187,7 @@
                    <div style="padding-right: 10px; color: #2592a1">学号</div>
                  </div>
                  <div class="right">
-                    <el-input v-model="formModel.studentNumb" style="border-color: #20bec8"
+                    <el-input v-model="formModel.studentNumb" style="height: 0.2344rem;width: 250px;"
                      placeholder="请输入学号"></el-input>
                  </div>
                </div>
@ -203,7 +203,7 @@
                    <div style="padding-right: 10px; color: #2592a1">密码</div>
                  </div>
                  <div class="right">
-                    <el-input type="password" v-model="formModel.password" style="border-color: #20bec8"
+                    <el-input type="password" v-model="formModel.password" style="height: 0.2344rem;width: 250px;"
                      placeholder="请输入密码"></el-input>
                  </div>
                </div>
@ -220,7 +220,7 @@
                  </div>
                  <div class="right">
                    <div class="captcha">
-                      <el-input v-model="formModel.captcha" style="height: 0.2344rem" maxlength="4" />
+                      <el-input v-model="formModel.captcha" style="height: 0.2344rem;width: 250px;" maxlength="4" />
                      <div class="code" @click="getcodeinfo">
                        <img :src="codeUrl" alt="" srcset="" />
                      </div>
@ -237,8 +237,10 @@
                            </div>
                        </el-form-item> -->
              <el-form-item>
-                <el-button class="hexagon-button" type="primary" auto-insert-space @click="login">登录</el-button>
-                <el-button class="hexagon-button" type="primary" auto-insert-space @click="toRegister">去注册</el-button>
+                <el-button style="margin:30px 50px 0px 20px;" class="hexagon-button" type="primary" auto-insert-space
+                  @click="login">登录</el-button>
+                <el-button style="margin:30px 0px 0px 0;" class="hexagon-button" type="primary" auto-insert-space
+                  @click="toRegister">去注册</el-button>
              </el-form-item>
            </el-form>
          </el-col>
@ -407,16 +409,8 @@ const register = async () => {
    getcodeinfo()

  }
-
    
    // getcodeinfo()
-
-    // console.log(11111);
-    
-    // ElMessage.warning(res.message)
-  
-
-  // console.log(res)
 };
 const codeUrl = ref("");
 const getcodeinfo = async () => {
@ -425,11 +419,6 @@ const getcodeinfo = async () => {
  console.log(codeUrl.value);
 };
 getcodeinfo();
-// import { useRouter } from 'vue-router'
-// const router = useRouter()
-// const goToPage=()=>{
-//     router.push('/')
-// }
 // 登录
 const login = async () => {
  await formRef.value.validate();
@ -453,6 +442,10 @@ const toLogin = () => {
  isRegister.value = false
  getcodeinfo();
 }
+
+const clickErrorBtn=()=>{
+  console.log('aaa');
+}
 </script>

 <style lang="less" scoped>
@ -497,16 +490,17 @@ const toLogin = () => {
        align-items: center;
      // background-color: pink;
      background: url("../assets/images/login.png") no-repeat;
-      background-position: center;
+      background-position: 59% -7px;
      background-size: 75% auto;
    }
    .errorBtn{
      position: absolute;
-      width: 40px;
-      height: 40px;
-      top: 83px;
-      right: 140px;
-      background-color: pink;
+      top: 30px;
+      right: 122px;
+      width: 50px;
+        height: 50px;
+        background-color: transparent;
+      clip-path: polygon(100% 0, 0 0, 100% 100%);
      cursor: pointer;
    }
  }
@ -542,7 +536,7 @@ const toLogin = () => {
  width: 180px;
  height: 50px;
  /* 使用clip-path定义按钮形状 */
-  clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0 50%);
+  // clip-path: polygon(15% 0, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0 50%);
  /* 模拟边框效果 */
  box-shadow: 0 0 0 2px cyan;
  background-color: #14213d;