#

whycq

2022-04-06 5a23e184536b2a154843e4c5b7f9baac56b23c82

 pages/basics/pakin.vue

@@ -26,7 +26,7 @@
               <text class="title">商品列表</text>
            </view>
            <checkbox-group @change="checkbox">
               <label v-for="(item,index) in data" :key="index" class="demo-list bg-false" :class="'bg-'+item.checked" >
               <label v-for="(item,index) in data" :key="index" class="data-list bg-false" :class="'bg-'+item.checked" >
                  <view class="demo-list-left">
                     <checkbox :value="item.id+''" :checked="item.checked" style="display: block;" />
                  </view>
@@ -154,7 +154,9 @@
            type: 'center',
            searchBox: 'hide',
            pick:'hide',
            data:[]
            data:[
               {matnr:'123456',anfme:'1',maktx:'显示器',inQty:'2022批'}
            ]
         }
      },
      methods: {
@@ -252,9 +254,27 @@
      background-color: #FFFFFF;
      margin: 15rpx 15rpx 0rpx 15rpx;
      width: 96%;
      height: 150rpx;
      height: 800rpx;
      border-radius: 20rpx;
   }
   .bg-false {
      background-color: #ebebeb;
   }
   .bg-true {
      background-color: #FFFFFF;
   }
   .data-list {
      border-bottom: 1px solid #d8d8d8;
      height: 180rpx;
      margin: 15rpx;
      border-radius: 20rpx;
   }
   .data-list:first-child {
      margin-top: 120rpx;
   }
   .data-list:last-child {
      margin-bottom: 120rpx;
   }
   /* 遮罩层 */
   .search-box-show {
      display: block;