#

whycq

2023-12-01 f979ed5a82e2038b96ea7eb2063fcf08a6ba1bf8

#

 components/z-data-list/z-data-list.vue

@@ -4,7 +4,7 @@
            <view class="main-left" >
                <view class="main-list" v-for="it in lable" style="width: 100%;">
                    <view class="left-key">{{it.label}}</view>
                    <view>:</view>
                    <view>：</view>
                    <view class="left-val">
                        <text :class="it.valText">{{fields[it.attribute]}}</text>
                    </view>

 pages/common/mat/matPick.vue

@@ -1,6 +1,13 @@
<template>
    <view>
		
        <view class="box">
            <view class="item" v-for="item in data" v-show="!item.hide">
                <!-- key -->
                <view class="item-key">{{item.title}}</view>
                <!-- value -->
                <view class="item-val">{{item.value}}</view>
            </view>
        </view>
    </view>
</template>

@@ -8,7 +15,26 @@
    export default {
        data() {
            return {
				
                data: [
                    {
                        title: '物料名称物',
                        field: 'maktx',
                        hied: false,
                        value: '123456'
                    },
                    {
                        title: '物料编号',
                        field: 'maktx',
                        hied: false,
                        value: '温度。空调用来控制数据中心的温度和湿度，制冷与空调'
                    },
                    {
                        title: '物料名称物物料名称物',
                        field: 'maktx',
                        hied: false,
                        value: '123456'
                    },
                ]
            }
        },
        methods: {
@@ -17,6 +43,30 @@
    }
</script>

<style>

<style scoped>
    .box {
        min-height: 50rpx;
        background-color: antiquewhite;
        margin: 16rpx;
    }
    .item {
        display: flex;
        align-items: center;
        margin: 8rpx;
    }
    .item-key{
        background-color: #888;
        min-width: 6em;
        max-width: 6em;
        align-self: center;
    }
    .item-val {
        flex: 1;
        border: 1px solid #999;
        border-radius: 16rpx;
        padding: 4rpx;
        align-self: center;
		
		
    }
</style>