#

whycq

2022-03-23 d2902539137a79044dac39b321b65b9dd7952657

 pages/basics/publish.vue

@@ -1,8 +1,58 @@
<template>
   <view>
      <view>
         <uni-table border emptyText="没有更多数据">
            <uni-tr>
               <uni-th>数量</uni-th>
               <uni-th>批号</uni-th>
               <uni-th>商品编号</uni-th>
               <uni-th>商品名称</uni-th>
               <uni-th>规格</uni-th>
               <uni-th>单价</uni-th>
               <uni-th>操作</uni-th>
            </uni-tr>
         </uni-table>
      </view>
      <view class="cu-bar foot input justify-center" style="height: 150rpx;">
         <view style="width: 80%;">
            <button class="cu-btn bg-yellow lg shadow-blur" style="width: 250rpx;color: #fff;" @click="getMat()">新 增</button>
            <button class="cu-btn bg-orange lg shadow-blur" style="float: right;width: 250rpx;color: #fff;">确认入库</button>
         </view>	
      </view>
      <!-- ******************************************************************************************* -->
      <view>
         <!-- 普通弹窗 -->
         <uni-popup ref="popup" background-color="#fff" style="position: fixed; border-radius: 5px;" >
            <view class="popup-content " :class="{ 'popup-height': type === 'left' || type === 'right' }">
               <view style="width: 700rpx;"></view>
            </view>
         </uni-popup>
      </view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            type:'bottom',
         }
			
      },
      methods: {
         // 弹出层
         toggle(type) {
            this.type = type
            // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
            this.$refs.popup.open(type)
         },
         getMat() {
            this.toggle('left')
         }
      }
   }
</script>

<style>
	
</style>