diff --git a/public/images/home/content.png b/public/images/home/content.png index ba957820..8c8364d3 100644 Binary files a/public/images/home/content.png and b/public/images/home/content.png differ diff --git a/src/api/edge/device.ts b/src/api/edge/device.ts index ff2e4247..62bf77f7 100644 --- a/src/api/edge/device.ts +++ b/src/api/edge/device.ts @@ -4,6 +4,6 @@ export const restPassword = (id: string) => server.post(`/edge/operations/${id}/ export const _control = (deviceId: string) => server.get(`/edge/remote/${deviceId}/url`) -export const _stopControl = (deviceId: string) => server.get(`/edge/remote/${deviceId}/stop`, {}) +export const _stopControl = (deviceId: string) => server.post(`/edge/remote/${deviceId}/stop`) diff --git a/src/views/home/components/PlatformPicCard.vue b/src/views/home/components/PlatformPicCard.vue index f6308d82..4d59b4e4 100644 --- a/src/views/home/components/PlatformPicCard.vue +++ b/src/views/home/components/PlatformPicCard.vue @@ -4,11 +4,11 @@ 平台架构图

PLATFORM ARCHITECTURE DIAGRAM

- +
+
@@ -26,16 +26,34 @@ const props = defineProps({ background-color: #fff; border-bottom: 1px solid #2f54eb; height: 458px; + + .plaid { + background: repeating-linear-gradient(90deg, transparent, transparent 35px, rgba(#000, .1) 36px), + repeating-linear-gradient(0deg, transparent, transparent 35px, rgba(#000, .1) 36px); + position: absolute; + top: 0; + left: 0; + width: 100%; + height:100%; + z-index: 1; + } + .bj { + position: relative; + z-index: 2; display: block; width: 100%; - height: 100%; + height: calc(100% - 50px); + margin-top: 40px; + background-size: contain; + background-position: center; + background-repeat: no-repeat; } .title { position: absolute; width: 100%; - z-index: 2; + z-index: 3; display: flex; flex-wrap: wrap; justify-content: space-between;