diff --git a/src/views/home/components/center-two.vue b/src/views/home/components/center-two.vue index aded9b8..46995b8 100644 --- a/src/views/home/components/center-two.vue +++ b/src/views/home/components/center-two.vue @@ -290,7 +290,7 @@ onMounted(() => { nextTick(() => { const container = marqueeContainer.value imgWidth.value = (container.clientWidth - 40) / 4 - imgHeight.value = `${container.clientHeight * 0.78}` + imgHeight.value = `${container.clientHeight * 0.81}` }) }) @@ -347,6 +347,7 @@ onUnmounted(() => { display: flex; flex-direction: column; align-items: center; + justify-content: space-between; position: relative; overflow: hidden; @@ -381,7 +382,7 @@ onUnmounted(() => { .marquee-item-time { width: 100%; - padding: 8px 0; + padding: 2px 0; text-align: center; } diff --git a/src/views/home/components/control-deck-new.vue b/src/views/home/components/control-deck-new.vue index 6bdf562..71206d4 100644 --- a/src/views/home/components/control-deck-new.vue +++ b/src/views/home/components/control-deck-new.vue @@ -737,15 +737,15 @@ onMounted(async () => { } .row-1-item, .row-2-item { - width: 100px; + width: 90px; margin: 0 auto; } .row-1-item { - // height: 28px; + height: 24px; background: url('@/assets/home-imgs/control-1-bg.png') no-repeat center center; background-size: 100% 100%; - line-height: 28px; + line-height: 24px; text-align: center; } @@ -757,13 +757,13 @@ onMounted(async () => { & div:last-child { // width: 32px; - height: 18px; + height: 16px; background-color: #005899; border-radius: 6px; font-size: 12px; text-align: center; - line-height: 18px; - padding: 4px 10px; + line-height: 16px; + padding: 2px 10px; } } @@ -949,7 +949,7 @@ onMounted(async () => { } } .row-4 { - // margin: 34px 0; + margin-top: 10px; .row-4-item { text-align: center; } @@ -987,8 +987,8 @@ onMounted(async () => { .row-6-item-1 { text-align: center; img { - width: 32px; - height: 48px; + width: 28px; + height: 40px; object-fit: contain; cursor: pointer; } diff --git a/src/views/home/components/modal-content/add-or-edit-marker-form.vue b/src/views/home/components/modal-content/add-or-edit-marker-form.vue index 8d971ff..8150a58 100644 --- a/src/views/home/components/modal-content/add-or-edit-marker-form.vue +++ b/src/views/home/components/modal-content/add-or-edit-marker-form.vue @@ -2,8 +2,8 @@
{