#

whycq

2022-05-19 131085eb93d51f8ae3de761d02104fcbf867a628

 pages/basics/demo.vue

New file
@@ -0,0 +1,101 @@
<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 class="square-form">
         <view class="form-title">
            <text>结束时间</text>
         </view>
         <view class="form-input">
            <input type="text" placeholder="请输入...">
         </view>
      </view>
      <!-- 表单必填 -->
      <view class="square-form">
         <view class="form-title">
            <text>结束时间</text>
         </view>
         <view class="form-input">
            <input type="text" placeholder="请输入...">
         </view>
      </view>
   </view>
</template>

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

<style>
	
</style>