#

whycq

2022-08-01 5aec1c8e32bf2b61c18e9fc325d1faeef5cec3ad

 pages/index/index.vue

@@ -8,7 +8,7 @@
         </view>
         <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">
             :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index" @click="checked()">
            <view class="nav-title">{{item.title}}</view>
            <view class="nav-name">{{item.name}}</view>
            <text :class="'cuIcon-' + item.cuIcon"></text>
@@ -24,47 +24,61 @@
         return {
            elements:[
               {
                  title: '入库',
                  name: 'store',
                  color: 'orange',
                  cuIcon: 'deliver'
                  title: '下线打包',
                  name: 'offline',
                  color: 'blue',
                  cuIcon: 'forward'
               },
               {
                  title: '出库',
                  name: 'delivery',
                  color: 'brown',
                  cuIcon: 'deliver_fill'
                  title: '委外入库',
                  name: 'outPakin',
                  color: 'blue',
                  cuIcon: 'copy'
               },
               {
                  title: '出库确认',
                  name: 'checkout',
                  color: 'blue',
                  cuIcon: 'edit'
               },
               {
                  title: '残次品',
                  name: 'bad',
                  color: 'blue',
                  cuIcon: 'delete'
               },
               {
                  title: '库位盘点',
                  name: 'stockCheck',
                  color: 'blue',
                  cuIcon: 'safe'
               },
               {
                  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'
                  cuIcon: 'shop'
               },
               {
                  title: '组托入库',
                  name: 'pakin',
                  color: 'grey',
                  cuIcon: 'copy'
               },
               {
                  title: '订单组托',
                  name: 'order',
                  color: 'grey',
                  cuIcon: 'goods'
               },
               {
                  title: '退出登录',
                  name: 'logOut',
                  color: 'grey',
                  cuIcon: 'exit'
               }]
               },
					
               ]
         }
      },
      onLoad() {
@@ -73,19 +87,22 @@
      methods: {
         changeImg(){
            console.log(1)
         },
         checked() {
            uni.vibrateShort();
         }
      }
   }
</script>

<style>
   @import "../../colorui/main.css";
   @import "../../colorui/icon.css";
	
   .custom-position {
      margin: 10rpx 10rpx 50rpx 0rpx;
   }
   .img-logo {
      width: 150rpx;
   }

	
	
</style>