缩小上下间隔

快乐的昕的电脑

2025-11-24 6fa86a03230c06b2bc5cfbf4023f5232cd89a1ca

缩小上下间隔

 components/WorkOrderStatus.vue

@@ -216,12 +216,12 @@
</script>

<style scoped>
    .page {
        padding: 2vh;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }
    .page {
        padding: 1vh; /* 原2vh，缩小整体上下间距 */
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

    /* 刷新按钮样式 */
    .refresh-btn {
@@ -239,12 +239,12 @@
    }

    /* 上半部分：左右布局 */
    .top-section {
        display: flex;
        justify-content: space-between;
        flex-grow: 1;
        margin-bottom: 4vh;
    }
    .top-section {
        display: flex;
        justify-content: space-between;
        flex-grow: 1;
        margin-bottom: 1.5vh; /* 原4vh，缩小上下间隔 */
    }

    /* 左边按钮和输入框部分（左右布局） */
    .left-section {
@@ -256,8 +256,8 @@
    .item {
        display: flex;
        align-items: center;
        margin-bottom: 2.2vh; /* 间距略增 */
        height: 7vh; /* 整体高度增大 */
        margin-bottom: 1vh; /* 原2.2vh，缩小每行间隔 */
        height: 6vh; /* 可适当缩小高度 */
    }

    /* 统一按钮和输入框的高度 */
@@ -308,11 +308,10 @@
        margin-top: -44px;
    }

    .status-title {
        margin-bottom: 2vh;
        font-size: 2vw;
        /* Larger font size for titles */
    }
    .status-title {
        margin-bottom: 1vh; /* 原2vh，缩小标题间隔 */
        font-size: 2vw;
    }

    .status-circle {
        width: 11vw;
@@ -339,12 +338,12 @@
    }

    /* 下半部分：保存和取消按钮 */
    .bottom-section {
        display: flex;
        justify-content: space-between;
        margin-top: 1vh;
        height: 100%;
    }
    .bottom-section {
        display: flex;
        justify-content: space-between;
        margin-top: 0.5vh; /* 原1vh，缩小与上方间隔 */
        height: 100%;
    }

    .save-btn,
    .cancel-btn {