water_affairs/control/components/prodnum-YK01/modules/preview.vue

<template>
    <view class="list-box">
        <view class="item" v-for="item in list" :key="item.param">
            <view class="label">
                {{ item.paramname || '-- ' }}
            </view>
            <view class="value">
                {{ item.lastvalue || '-- ' }}
                <text class="">
                    {{ item.unit }}
                </text>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    name: "preview",
    data() {
        return {
            list: []
        }
    },
    methods: {
    }
}
</script>

<style lang="scss" scoped>
.list-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 4px;
    padding: 6px;
    box-sizing: border-box;
    padding-bottom: 0;

    .item {
        width: 50%;

        .label {
            margin-bottom: 6px;
        }

        .value {
            margin-bottom: 6px;
            font-weight: bold;
            padding-left: 2px;
        }
    }

}
</style>