微信小程序，仓库系统，可以扫描入库查询

强风吹拂str

已于 2024-05-29 17:07:51 修改

阅读量8.3k

点赞数 21

文章标签：小程序

于 2021-05-29 19:48:12 首次发布

本文链接：https://blog.csdn.net/weixin_43440893/article/details/117390094

版权

微信小程序

介绍

仓库系统微信小程序，需要源代码，在最下方有码云连接

软件架构

微信小程序，用了 lin-ui vant组件

安装教程

下载按照一般小程序导入即可

部分代码


<view class="container">
  <view class="header">
    <image class='header-bg' src='/static/images/lan.png'></image>
    <text class='header-desc'><text class='header-name'>微信小程序 </text>仓库管理</text>
  </view>

<van-notice-bar
  color="	#FF1493"
  mode="closeable"
  left-icon="volume-o"
  text="出入库请仔细严禁，做好标签"
/>

  <view class="main">
    <navi-card
      wx:for="{{naviConfigs.baseConfig}}"
      wx:for-item="naviConfig"
      wx:key="index"
      data-idx="{{index}}"
      title="{{naviConfig.title}}"
      icon="{{naviConfig.icon}}"
      data-title="{{naviConfig.title}}"
      data-navigateMark="{{naviConfig.navigateMark}}"
      bindtap="onNaviCard"
    />
  </view>

</view>

<!--  -->
<l-tab-bar list="{{list}}" />

import naviConfigs from './navi.js';
import tabbar from '../tabbar.js';

Page({
    data: {
        naviConfigs: naviConfigs,
        list: tabbar
    },

    onNaviCard(e) {
        let {
            title,
            navigatemark
        } = e.target.dataset;
        wx.navigateTo({
            url: '/pages/' + navigatemark + '/' + navigatemark
        });
    },
    onCard() {
        // const path = e.target.dataset.path
        wx.navigateTo({
            url: '/pages/index/index'
        });
    },

    onShow: function () {
        if (typeof this.getTabBar === 'function' &&
          this.getTabBar()) {
          this.getTabBar().setData({
            selected: 1
          })
        }
      }

});