#

whycq

2022-10-17 4ef4fea7f3e36342100d82061c40b00c45a18801

 pages/basics/matSelect.vue

@@ -35,7 +35,8 @@
            </label>
         </checkbox-group>
      </scroll-view>
      <view class="record" v-if="recordShow">
      <view v-if="reList.length > 0" >
         <scroll-view scroll-y  class="record" v-if="recordShow">
         <view class="record-data" v-for="(item,index) in reList" :key="index" >
            <text style="margin-right: 10rpx;" @click="choseMatnr(item)">{{item}}</text>
            <view style="height: 50rpx;display: inline-block;" @click="removeRecord(index)">
@@ -43,6 +44,8 @@
            </view>
         </view>
         
				
         </scroll-view>
      </view>
      </view>
</template>
@@ -74,6 +77,7 @@
      methods: {
         removeRecord(index) {
            this.reList.splice(index,1)
            uni.setStorageSync('recordList',this.reList)
         },
         choseMatnr(matnr) {
            this.condition = matnr
@@ -241,28 +245,33 @@

<style>
   .record-data {
      min-width: 50rpx;
      height: 70rpx;
      background-color: aliceblue;
      line-height: 70rpx;
      height: 60rpx;
      background-color: #FFF;
      line-height: 60rpx;
      padding-left: 20rpx;
      padding-right: 20rpx;
      margin-left: 20rpx;
      margin-top: 10rpx;
      display: flex;
      border-radius: 15rpx;
      display: inline-block;
      border-radius: 20rpx;
      text-align: center;
   }
   .record-data:last-child {
      margin-bottom: 10rpx;
   }
   .record {
      z-index: 11;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      position: fixed;
      top:188rpx;
      position: absolute;
      top:94rpx;
      /* #ifdef APP-PLUS */
      top: 94rpx;
      /* #endif */
      width: 100%;
      min-height: 90rpx;
      min-height: 80rpx;
      max-height: 600rpx;
      background-color: #6f6f6f;
   }
   .matnr {