#

whycq

2022-05-12 3dc1c36cc46adda3ade2777e94cb5c6de3a87e15

 pages/basics/demo.vue

New file
@@ -0,0 +1,85 @@
<template>
   <view>
		
      <view class="square-2">
         <view class="square-title">
            <view class="title-sign"><view class="sign"></view></view>
            <view class="title-text"><text>没有按钮</text></view>
         </view>
         <view class="square-content">
            <view class="content-input">
               <input type="text" placeholder="扫码 / 输入">
               <uni-icons type="closeempty" size="20" color="#dadada"></uni-icons>
            </view>
         </view>
      </view>
		
      <view class="square-2">
         <view class="square-title">
            <view class="title-sign"><view class="sign"></view></view>
            <view class="title-text"><text>右侧按钮</text></view>
         </view>
         <view class="square-content">
            <view class="content-input-btn">
               <input type="text">
               <uni-icons type="closeempty" size="20" color="#dadada"></uni-icons>
            </view>
            <view class="content-btn">
               <button class="cu-btn bg-blue pda-btn">提取</button>
            </view>
         </view>
      </view>
		
      <view class="square-3">
         <view class="square-title">
            <view class="title-sign"><view class="sign"></view></view>
            <view class="title-text"><text>左侧下拉</text></view>
         </view>
         <view class="square-content">
            <view class="content-combox">
					
               <uni-combox  emptyTips="暂无数据" :candidates="staNoList" v-model="staNo" placeholder="站台号"></uni-combox>
            </view>
				
         </view>
         <view class="square-content">
            <view class="content-input-combox">
               <input type="text">
               <uni-icons type="closeempty" size="20" color="#dadada"></uni-icons>
            </view>
         </view>
      </view>
		
      <view class="square-1">
         <view class="square-title">
            <view class="title-sign"><view class="sign"></view></view>
            <view class="title-text"><text>托盘条码</text></view>
         </view>
      </view>
		
      <view class="square-none">
         <view class="v-show">暂无更多数据...</view>
      </view>
		
		
      <!-- 商品列表 -->
      <view>
         <view></view>
      </view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            staNoList:[],
            staNo:'',
         }
      },
   }
</script>

<style>
	
</style>