首页 发现 帮助
注册 登录
feixiang
/
xinkeaboard
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

feat: 商情门户背景图自适应调整

周玉环 1 天之前
父节点
e1e2d7144c
当前提交
1db453d5b8
共有 8 个文件被更改，包括 280 次插入 和 18 次删除
合并视图 显示文件统计
  1. 6 0
      xinkeaboard-promotion-portal/index.html
  2. 1 0
      xinkeaboard-promotion-portal/package.json
  3. 204 5
      xinkeaboard-promotion-portal/pnpm-lock.yaml
  4. 二进制
      xinkeaboard-promotion-portal/src/assets/images/ai-bg.png
  5. 二进制
      xinkeaboard-promotion-portal/src/assets/images/cando.png
  6. 二进制
      xinkeaboard-promotion-portal/src/assets/images/logo.png
  7. 二进制
      xinkeaboard-promotion-portal/src/assets/images/record.png
  8. 69 13
      xinkeaboard-promotion-portal/src/components/Home.vue

+ 6 - 0
xinkeaboard-promotion-portal/index.html
查看文件 

@@ -4,6 +4,12 @@
 
     <meta charset="UTF-8" />
 
     <meta charset="UTF-8" />
 
     <title>招商门户</title>
 
     <title>招商门户</title>
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <style>
 
+      html,body {
 
+        padding: 0;
 
+        margin: 0;
 
+      }
 
+    </style>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
     <div id="app"></div>
 
     <div id="app"></div>

+ 1 - 0
xinkeaboard-promotion-portal/package.json
查看文件 

@@ -24,6 +24,7 @@
 
     "eslint-plugin-prettier": "^4.0.0",
 
     "eslint-plugin-prettier": "^4.0.0",
 
     "eslint-plugin-vue": "^9.0.0",
 
     "eslint-plugin-vue": "^9.0.0",
 
     "prettier": "^2.8.0",
 
     "prettier": "^2.8.0",
 
+    "sass": "^1.90.0",
 
     "typescript": "^5.0.0",
 
     "typescript": "^5.0.0",
 
     "unplugin-auto-import": "^20.0.0",
 
     "unplugin-auto-import": "^20.0.0",
 
     "unplugin-vue-components": "^29.0.0",
 
     "unplugin-vue-components": "^29.0.0",

+ 204 - 5
xinkeaboard-promotion-portal/pnpm-lock.yaml
查看文件 

@@ -35,7 +35,7 @@ importers:
 
         version: 5.62.0(eslint@8.57.1)(typescript@5.9.2)
 
         version: 5.62.0(eslint@8.57.1)(typescript@5.9.2)
 
       '@vitejs/plugin-vue':
 
       '@vitejs/plugin-vue':
 
         specifier: ^4.0.0
 
         specifier: ^4.0.0
 
-        version: 4.6.2(vite@4.5.14(@types/node@24.2.1))(vue@3.5.18(typescript@5.9.2))
 
+        version: 4.6.2(vite@4.5.14(@types/node@24.2.1)(sass@1.90.0))(vue@3.5.18(typescript@5.9.2))
 
       eslint:
 
       eslint:
 
         specifier: ^8.0.0
 
         specifier: ^8.0.0
 
         version: 8.57.1
 
         version: 8.57.1
 
@@ -51,6 +51,9 @@ importers:
 
       prettier:
 
       prettier:
 
         specifier: ^2.8.0
 
         specifier: ^2.8.0
 
         version: 2.8.8
 
         version: 2.8.8
 
+      sass:
 
+        specifier: ^1.90.0
 
+        version: 1.90.0
 
       typescript:
 
       typescript:
 
         specifier: ^5.0.0
 
         specifier: ^5.0.0
 
         version: 5.9.2
 
         version: 5.9.2
 
@@ -62,7 +65,7 @@ importers:
 
         version: 29.0.0(@babel/parser@7.28.0)(vue@3.5.18(typescript@5.9.2))
 
         version: 29.0.0(@babel/parser@7.28.0)(vue@3.5.18(typescript@5.9.2))
 
       vite:
 
       vite:
 
         specifier: ^4.0.0
 
         specifier: ^4.0.0
 
-        version: 4.5.14(@types/node@24.2.1)
 
+        version: 4.5.14(@types/node@24.2.1)(sass@1.90.0)
 
 
 
 packages:
 
 packages:
 
 
 
@@ -279,6 +282,94 @@ packages:
 
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
 
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
 
     engines: {node: '>= 8'}
 
     engines: {node: '>= 8'}
 
 
 
+  '@parcel/watcher-android-arm64@2.5.1':
 
+    resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [arm64]
 
+    os: [android]
 
+
 
+  '@parcel/watcher-darwin-arm64@2.5.1':
 
+    resolution: {integrity: sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [arm64]
 
+    os: [darwin]
 
+
 
+  '@parcel/watcher-darwin-x64@2.5.1':
 
+    resolution: {integrity: sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [x64]
 
+    os: [darwin]
 
+
 
+  '@parcel/watcher-freebsd-x64@2.5.1':
 
+    resolution: {integrity: sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [x64]
 
+    os: [freebsd]
 
+
 
+  '@parcel/watcher-linux-arm-glibc@2.5.1':
 
+    resolution: {integrity: sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [arm]
 
+    os: [linux]
 
+    libc: [glibc]
 
+
 
+  '@parcel/watcher-linux-arm-musl@2.5.1':
 
+    resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [arm]
 
+    os: [linux]
 
+    libc: [musl]
 
+
 
+  '@parcel/watcher-linux-arm64-glibc@2.5.1':
 
+    resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [arm64]
 
+    os: [linux]
 
+    libc: [glibc]
 
+
 
+  '@parcel/watcher-linux-arm64-musl@2.5.1':
 
+    resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [arm64]
 
+    os: [linux]
 
+    libc: [musl]
 
+
 
+  '@parcel/watcher-linux-x64-glibc@2.5.1':
 
+    resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [x64]
 
+    os: [linux]
 
+    libc: [glibc]
 
+
 
+  '@parcel/watcher-linux-x64-musl@2.5.1':
 
+    resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [x64]
 
+    os: [linux]
 
+    libc: [musl]
 
+
 
+  '@parcel/watcher-win32-arm64@2.5.1':
 
+    resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [arm64]
 
+    os: [win32]
 
+
 
+  '@parcel/watcher-win32-ia32@2.5.1':
 
+    resolution: {integrity: sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [ia32]
 
+    os: [win32]
 
+
 
+  '@parcel/watcher-win32-x64@2.5.1':
 
+    resolution: {integrity: sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==}
 
+    engines: {node: '>= 10.0.0'}
 
+    cpu: [x64]
 
+    os: [win32]
 
+
 
+  '@parcel/watcher@2.5.1':
 
+    resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
 
+    engines: {node: '>= 10.0.0'}
 
+
 
   '@sxzz/popperjs-es@2.11.7':
 
   '@sxzz/popperjs-es@2.11.7':
 
     resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
 
     resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
 
 
 
@@ -486,6 +577,10 @@ packages:
 
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
 
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
 
     engines: {node: '>= 8.10.0'}
 
     engines: {node: '>= 8.10.0'}
 
 
 
+  chokidar@4.0.3:
 
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
 
+    engines: {node: '>= 14.16.0'}
 
+
 
   color-convert@2.0.1:
 
   color-convert@2.0.1:
 
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
 
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
 
     engines: {node: '>=7.0.0'}
 
     engines: {node: '>=7.0.0'}
 
@@ -537,6 +632,11 @@ packages:
 
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
 
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
 
     engines: {node: '>=0.4.0'}
 
     engines: {node: '>=0.4.0'}
 
 
 
+  detect-libc@1.0.3:
 
+    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
 
+    engines: {node: '>=0.10'}
 
+    hasBin: true
 
+
 
   dir-glob@3.0.1:
 
   dir-glob@3.0.1:
 
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
 
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
 
     engines: {node: '>=8'}
 
     engines: {node: '>=8'}
 
@@ -789,6 +889,9 @@ packages:
 
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
 
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
 
     engines: {node: '>= 4'}
 
     engines: {node: '>= 4'}
 
 
 
+  immutable@5.1.3:
 
+    resolution: {integrity: sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==}
 
+
 
   import-fresh@3.3.1:
 
   import-fresh@3.3.1:
 
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
 
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
 
     engines: {node: '>=6'}
 
     engines: {node: '>=6'}
 
@@ -920,6 +1023,9 @@ packages:
 
   natural-compare@1.4.0:
 
   natural-compare@1.4.0:
 
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
 
 
+  node-addon-api@7.1.1:
 
+    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
 
+
 
   normalize-path@3.0.0:
 
   normalize-path@3.0.0:
 
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
 
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
 
     engines: {node: '>=0.10.0'}
 
     engines: {node: '>=0.10.0'}
 
@@ -1032,6 +1138,10 @@ packages:
 
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
 
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
 
     engines: {node: '>=8.10.0'}
 
     engines: {node: '>=8.10.0'}
 
 
 
+  readdirp@4.1.2:
 
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
 
+    engines: {node: '>= 14.18.0'}
 
+
 
   resolve-from@4.0.0:
 
   resolve-from@4.0.0:
 
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
 
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
 
     engines: {node: '>=4'}
 
     engines: {node: '>=4'}
 
@@ -1053,6 +1163,11 @@ packages:
 
   run-parallel@1.2.0:
 
   run-parallel@1.2.0:
 
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
 
 
+  sass@1.90.0:
 
+    resolution: {integrity: sha512-9GUyuksjw70uNpb1MTYWsH9MQHOHY6kwfnkafC24+7aOMZn9+rVMBxRbLvw756mrBFbIsFg6Xw9IkR2Fnn3k+Q==}
 
+    engines: {node: '>=14.0.0'}
 
+    hasBin: true
 
+
 
   scule@1.3.0:
 
   scule@1.3.0:
 
     resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
 
     resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
 
 
 
@@ -1402,6 +1517,67 @@ snapshots:
 
       '@nodelib/fs.scandir': 2.1.5
 
       '@nodelib/fs.scandir': 2.1.5
 
       fastq: 1.19.1
 
       fastq: 1.19.1
 
 
 
+  '@parcel/watcher-android-arm64@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-darwin-arm64@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-darwin-x64@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-freebsd-x64@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-linux-arm-glibc@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-linux-arm-musl@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-linux-arm64-glibc@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-linux-arm64-musl@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-linux-x64-glibc@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-linux-x64-musl@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-win32-arm64@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-win32-ia32@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher-win32-x64@2.5.1':
 
+    optional: true
 
+
 
+  '@parcel/watcher@2.5.1':
 
+    dependencies:
 
+      detect-libc: 1.0.3
 
+      is-glob: 4.0.3
 
+      micromatch: 4.0.8
 
+      node-addon-api: 7.1.1
 
+    optionalDependencies:
 
+      '@parcel/watcher-android-arm64': 2.5.1
 
+      '@parcel/watcher-darwin-arm64': 2.5.1
 
+      '@parcel/watcher-darwin-x64': 2.5.1
 
+      '@parcel/watcher-freebsd-x64': 2.5.1
 
+      '@parcel/watcher-linux-arm-glibc': 2.5.1
 
+      '@parcel/watcher-linux-arm-musl': 2.5.1
 
+      '@parcel/watcher-linux-arm64-glibc': 2.5.1
 
+      '@parcel/watcher-linux-arm64-musl': 2.5.1
 
+      '@parcel/watcher-linux-x64-glibc': 2.5.1
 
+      '@parcel/watcher-linux-x64-musl': 2.5.1
 
+      '@parcel/watcher-win32-arm64': 2.5.1
 
+      '@parcel/watcher-win32-ia32': 2.5.1
 
+      '@parcel/watcher-win32-x64': 2.5.1
 
+    optional: true
 
+
 
   '@sxzz/popperjs-es@2.11.7': {}
 
   '@sxzz/popperjs-es@2.11.7': {}
 
 
 
   '@types/estree@1.0.8': {}
 
   '@types/estree@1.0.8': {}
 
@@ -1508,9 +1684,9 @@ snapshots:
 
 
 
   '@ungap/structured-clone@1.3.0': {}
 
   '@ungap/structured-clone@1.3.0': {}
 
 
 
-  '@vitejs/plugin-vue@4.6.2(vite@4.5.14(@types/node@24.2.1))(vue@3.5.18(typescript@5.9.2))':
 
+  '@vitejs/plugin-vue@4.6.2(vite@4.5.14(@types/node@24.2.1)(sass@1.90.0))(vue@3.5.18(typescript@5.9.2))':
 
     dependencies:
 
     dependencies:
 
-      vite: 4.5.14(@types/node@24.2.1)
 
+      vite: 4.5.14(@types/node@24.2.1)(sass@1.90.0)
 
       vue: 3.5.18(typescript@5.9.2)
 
       vue: 3.5.18(typescript@5.9.2)
 
 
 
   '@vue/compiler-core@3.5.18':
 
   '@vue/compiler-core@3.5.18':
 
@@ -1667,6 +1843,10 @@ snapshots:
 
     optionalDependencies:
 
     optionalDependencies:
 
       fsevents: 2.3.3
 
       fsevents: 2.3.3
 
 
 
+  chokidar@4.0.3:
 
+    dependencies:
 
+      readdirp: 4.1.2
 
+
 
   color-convert@2.0.1:
 
   color-convert@2.0.1:
 
     dependencies:
 
     dependencies:
 
       color-name: 1.1.4
 
       color-name: 1.1.4
 
@@ -1703,6 +1883,9 @@ snapshots:
 
 
 
   delayed-stream@1.0.0: {}
 
   delayed-stream@1.0.0: {}
 
 
 
+  detect-libc@1.0.3:
 
+    optional: true
 
+
 
   dir-glob@3.0.1:
 
   dir-glob@3.0.1:
 
     dependencies:
 
     dependencies:
 
       path-type: 4.0.0
 
       path-type: 4.0.0
 
@@ -2023,6 +2206,8 @@ snapshots:
 
 
 
   ignore@5.3.2: {}
 
   ignore@5.3.2: {}
 
 
 
+  immutable@5.1.3: {}
 
+
 
   import-fresh@3.3.1:
 
   import-fresh@3.3.1:
 
     dependencies:
 
     dependencies:
 
       parent-module: 1.0.1
 
       parent-module: 1.0.1
 
@@ -2136,6 +2321,9 @@ snapshots:
 
 
 
   natural-compare@1.4.0: {}
 
   natural-compare@1.4.0: {}
 
 
 
+  node-addon-api@7.1.1:
 
+    optional: true
 
+
 
   normalize-path@3.0.0: {}
 
   normalize-path@3.0.0: {}
 
 
 
   normalize-wheel-es@1.2.0: {}
 
   normalize-wheel-es@1.2.0: {}
 
@@ -2238,6 +2426,8 @@ snapshots:
 
     dependencies:
 
     dependencies:
 
       picomatch: 2.3.1
 
       picomatch: 2.3.1
 
 
 
+  readdirp@4.1.2: {}
 
+
 
   resolve-from@4.0.0: {}
 
   resolve-from@4.0.0: {}
 
 
 
   reusify@1.1.0: {}
 
   reusify@1.1.0: {}
 
@@ -2254,6 +2444,14 @@ snapshots:
 
     dependencies:
 
     dependencies:
 
       queue-microtask: 1.2.3
 
       queue-microtask: 1.2.3
 
 
 
+  sass@1.90.0:
 
+    dependencies:
 
+      chokidar: 4.0.3
 
+      immutable: 5.1.3
 
+      source-map-js: 1.2.1
 
+    optionalDependencies:
 
+      '@parcel/watcher': 2.5.1
 
+
 
   scule@1.3.0: {}
 
   scule@1.3.0: {}
 
 
 
   semver@7.7.2: {}
 
   semver@7.7.2: {}
 
@@ -2373,7 +2571,7 @@ snapshots:
 
 
 
   util-deprecate@1.0.2: {}
 
   util-deprecate@1.0.2: {}
 
 
 
-  vite@4.5.14(@types/node@24.2.1):
 
+  vite@4.5.14(@types/node@24.2.1)(sass@1.90.0):
 
     dependencies:
 
     dependencies:
 
       esbuild: 0.18.20
 
       esbuild: 0.18.20
 
       postcss: 8.5.6
 
       postcss: 8.5.6
 
@@ -2381,6 +2579,7 @@ snapshots:
 
     optionalDependencies:
 
     optionalDependencies:
 
       '@types/node': 24.2.1
 
       '@types/node': 24.2.1
 
       fsevents: 2.3.3
 
       fsevents: 2.3.3
 
+      sass: 1.90.0
 
 
 
   vue-demi@0.14.10(vue@3.5.18(typescript@5.9.2)):
 
   vue-demi@0.14.10(vue@3.5.18(typescript@5.9.2)):
 
     dependencies:
 
     dependencies:

二进制
xinkeaboard-promotion-portal/src/assets/images/ai-bg.png
查看文件


二进制
xinkeaboard-promotion-portal/src/assets/images/cando.png
查看文件


二进制
xinkeaboard-promotion-portal/src/assets/images/logo.png
查看文件


二进制
xinkeaboard-promotion-portal/src/assets/images/record.png
查看文件


+ 69 - 13
xinkeaboard-promotion-portal/src/components/Home.vue
查看文件 

@@ -1,27 +1,83 @@
 
 <template>
 
 <template>
 
   <div class="promotion-portal">
 
   <div class="promotion-portal">
 
-    <h1 @click="action">招商门户网站</h1>
 
+    <div
 
+      class="promotion-portal-top"
 
+      ref="topRef"
 
+      :style="{ height: topHeight + 'px', backgroundImage: `url(${AiBgImage})` }"
 
+    ></div>
 
+    <div
 
+      class="promotion-portal-tab record"
 
+      ref="tab1Ref"
 
+      :style="{ height: tab1Height + 'px', backgroundImage: `url(${Tab1Image})` }"
 
+    ></div>
 
+    <div
 
+      class="promotion-portal-tab cando"
 
+      ref="tab2Ref"
 
+      :style="{ height: tab2Height + 'px', backgroundImage: `url(${Tab2Image})` }"
 
+    ></div>
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
 
 
 <script lang="ts" setup>
 
 <script lang="ts" setup>
 
-import { useMainStore } from '../store'
 
-import { request } from "@/utils/http";
 
+import { ref, onMounted, onUnmounted } from 'vue';
 
+import AiBgImage from '@/assets/images/ai-bg.png';
 
+import Tab1Image from '@/assets/images/record.png';
 
+import Tab2Image from '@/assets/images/cando.png';
 
 
 
-const store = useMainStore()
 
+const topRef = ref<HTMLElement | null>(null);
 
+const tab1Ref = ref<HTMLElement | null>(null);
 
+const tab2Ref = ref<HTMLElement | null>(null);
 
 
 
-const action = () => {
 
-console.log(request, 'request')
 
+const topHeight = ref(0);
 
+const tab1Height = ref(0);
 
+const tab2Height = ref(0);
 
+
 
+function setHeight(refEl: HTMLElement | null, imgUrl: string, heightRef: typeof topHeight) {
 
+  if (!refEl) return;
 
+  const img = new Image();
 
+  img.src = imgUrl;
 
+  img.onload = () => {
 
+    const ratio = img.height / img.width;
 
+    heightRef.value = refEl.offsetWidth * ratio;
 
+  };
 
+}
 
+
 
+function updateAllHeights() {
 
+  setHeight(topRef.value, AiBgImage, topHeight);
 
+  setHeight(tab1Ref.value, Tab1Image, tab1Height);
 
+  setHeight(tab2Ref.value, Tab2Image, tab2Height);
 
 }
 
 }
 
+
 
+onMounted(() => {
 
+  updateAllHeights();
 
+  window.addEventListener('resize', updateAllHeights);
 
+});
 
+
 
+onUnmounted(() => {
 
+  window.removeEventListener('resize', updateAllHeights);
 
+});
 
 </script>
 
 </script>
 
 
 
-<style scoped>
 
-h1 {
 
+<style lang="scss" scoped>
 
+.promotion-portal {
 
   width: 100%;
 
   width: 100%;
 
-  text-align: center;
 
-  color: #42b983;
 
-}
 
-button {
 
-  margin-top: 1em;
 
+  overflow: auto;
 
+
 
+  &-top,
 
+  &-tab {
 
+    width: 100%;
 
+    background-repeat: no-repeat;
 
+    background-position: center;
 
+    background-size: contain; /* 或 cover，根据你需求 */
 
+    transition: height 0.2s;
 
+  }
 
+
 
+  &-tab.record {
 
+    /* backgroundImage 由绑定 style 设置 */
 
+  }
 
+
 
+  &-tab.cando {
 
+    /* backgroundImage 由绑定 style 设置 */
 
+  }
 
 }
 
 }
 
 </style>
 
 </style>