#

whycq

2022-04-07 69a6c47157aa56b223ae61766a55466338cdffb0

 pages/basics/matQuery.vue

@@ -3,36 +3,59 @@
      <view>
         <view class="container">
            <view class="text-box">
               <view><text>商品编码</text></view>
               <view><text>1111</text></view>
               <view class="text-title"><text>商品编码</text></view>
               <view class="text-title"><text>1111</text></view>
            </view>
            <view class="text-box">
               <view><text>商品名称</text></view>
               <view>显示器</view>
               <view class="text-title"><text>商品名称</text></view>
               <view class="text-title">显示器</view>
            </view>
            <view class="text-box">
               <view><text>规格</text></view>
               <view>24英寸</view>
               <view class="text-title"><text>规格</text></view>
               <view class="text-title">24英寸</view>
            </view>
            <view class="text-box">
               <view><text>批号</text></view>
               <view>YC-897998776</view>
               <view class="text-title"><text>批号</text></view>
               <view class="text-title">YC-897998776</view>
            </view>
            <view class="text-box">
               <view><text>数量</text></view>
               <view>269</view>
               <view class="text-title"><text>数量</text></view>
               <view class="text-title">
                  <view>
                     <uni-number-box color="#747474"  @change="changeValue" />
                  </view>
               </view>
            </view>
         </view>
            </view>
            <view class="foot flex justify-center">
               <label for="">
                  <button class="cu-btn bg-blue">提取</button>
               </label>
            </view>
         </view>
      </view>
   </scroll-view>
</template>

<script>
   export default {
      data() {
         return {
            vModelValue:''
         }
      },
      methods: {
         blur() {
				
         },
         focus() {
				
         },
         changeValue() {
				
         },
			
      }
   }
</script>

<style>
@@ -53,14 +76,19 @@
      border-bottom: 1rpx solid #e8e8e8;
   }
   .text-box:last-child {
      border-bottom: 1px solid #000000;
      border-bottom: none;
   }
   .text-box view {
   .text-box:last-child .text-title:last-child {
      display: flex;
      height: 100%;
      align-items: center;
   }
   .text-box .text-title {
      width: 30%;
      float: left;
      display: inline-block;
   }
   .text-box view:last-child {
   .text-box .text-title:last-child {
      display: inline-block;
      margin-left: 10%;
      width: 60%;