# wms - saas

whycq

2022-03-22 b734a58af483fcf3e0234905bdaeafe81360cbe3

 pages/index/index.vue

@@ -1,10 +1,12 @@
<template>
   <view>
      <scroll-view scroll-y>
         <view class="vve">
            <image src="../../static/zoneyung.png" @click="changeImg" mode="aspectFit" :style="[{animation: 'show ' + ((0+1)*0.2+1) + 's 1'}]"></image>
         <view class="flex justify-end custom-position">
            <view>
               <image class="img-logo flex solid-bottom " src="../../static/zoneyung.png" mode="widthFix"></image>
            </view>
         </view>
         <view class="content">
         <view class="nav-list" >
            <navigator hover-class="none" :url="'/pages/basics/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color"
             :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index">
            <view class="nav-title">{{item.title}}</view>
@@ -21,30 +23,48 @@
      data() {
         return {
            elements:[
            {
               title: '入库单组托',
               name: 'combPro',
               color: 'olive',
               cuIcon: 'goods'
            },
            {
               title: '库存盘点',
               name: 'stockCheck',
               color: 'cyan',
               cuIcon: 'squarecheck'
            },
            {
               title: '库存查询',
               name: 'stockQuery',
               color: 'blue',
               cuIcon: 'searchlist'
            },
            {
               title: '退出登录',
               name: 'logOut',
               color: 'grey',
               cuIcon: 'exit'
            }]
               {
                  title: '入库',
                  name: 'store',
                  color: 'orange',
                  cuIcon: 'deliver'
               },
               {
                  title: '出库',
                  name: 'delivery',
                  color: 'brown',
                  cuIcon: 'deliver_fill'
               },
               {
                  title: '上架管理',
                  name: 'sale',
                  color: 'olive',
                  cuIcon: 'goods'
               },
               {
                  title: '快速上架',
                  name: 'publish',
                  color: 'green',
                  cuIcon: 'goodsnew'
               },
               {
                  title: '拣货单',
                  name: 'orders',
                  color: 'cyan',
                  cuIcon: 'calendar'
               },
               {
                  title: '盘点',
                  name: 'stock',
                  color: 'blue',
                  cuIcon: 'squarecheck'
               },
               {
                  title: '退出登录',
                  name: 'logOut',
                  color: 'grey',
                  cuIcon: 'exit'
               }]
         }
      },
      onLoad() {
@@ -59,17 +79,11 @@
</script>

<style>
   .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-top: -100rpx;
   .custom-position {
      margin: 10rpx 10rpx 50rpx 0rpx;
   }
   .vve {
      display: flex;
      justify-content: center;
      margin-top: -100rpx;
   .img-logo {
      width: 150rpx;
   }