#

whycq

2023-03-20 dc512a5c085b6735b0895830109c8b3e5295bd51

 pages/mat/matQuery.vue

@@ -1,8 +1,72 @@
<template>
   <view>
      <!-- 搜索框 -->
      <view class="search-bar">
         <uni-search-bar placeholder=" 扫码 / 输入" bgColor="#EEEEEE" @confirm="search" />
      </view>
      <scroll-view>
         <view class="tag-list" v-for="(item,i) in tagList" :key="i">
            <view class="tag">
               <view style="display: flex;">
                  <view class="wms-tag" :style="baColor" >分类</view>
               </view>
            </view>
            <view class="tag-item">{{desc}} {{item.name}}</view>
         </view>
      </scroll-view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            tagList: [{name:"whhhsupp"},{},{}],
            matList: [],
            tag: '分类',
            baColor: "background-color: #0081ff;",
            desc: '编码:'
         }
      },
      onLoad() {
      },
      methods: {
         search() {
         }
      }
   }
</script>

<style>
   @import url('../../static/css/wms.css/wms.css');
   .tag-list {
      width: 94%;
      min-height: 160rpx;
      margin: 10px auto;
      background-color: #FFF;
      border-radius: 5px;
      box-shadow: 0 5upx 20upx rgba(0, 0, 0, 0.2);
   }
   .tag {
      display: flex;
      flex-direction: column;
      min-height: 80rpx;
      border-bottom: 1px solid #e2e2e2;
   }
   .wms-tag {
      min-width: 60rpx;
      margin-left: 50rpx;
      margin-top: 30rpx;
      color: #FFF;
      font-size: 14px;
      padding: 4rpx 12rpx;
   }
   .tag-item {
      width: 100%;
      min-height: 60rpx;
      line-height: 2;
      padding-left: 50rpx;
      color: #606266;
      font-size: 14px;
   }
</style>