#

whycq

2023-12-01 f979ed5a82e2038b96ea7eb2063fcf08a6ba1bf8

 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>