| | |
| | | </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> |
| | |
| | | data() { |
| | | return { |
| | | elements:[ |
| | | |
| | | { |
| | | 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', |
| | | title: '下架管理', |
| | | name: 'offLines', |
| | | color: 'blue', |
| | | cuIcon: 'squarecheck' |
| | | cuIcon: 'copy' |
| | | }, |
| | | { |
| | | title: '组托入库', |
| | | name: 'pakin', |
| | | color: 'blue', |
| | | cuIcon: 'copy' |
| | | }, |
| | | // { |
| | | // title: '订单组托', |
| | | // name: 'order', |
| | | // color: 'blue', |
| | | // cuIcon: 'goods' |
| | | // }, |
| | | { |
| | | title: '库存查询', |
| | | name: 'stockQuery', |
| | | color: 'blue', |
| | | cuIcon: 'searchlist' |
| | | }, |
| | | { |
| | | title: '上架', |
| | | name: 'putOnSale', |
| | | color: 'blue', |
| | | cuIcon: 'video' |
| | | }, |
| | | { |
| | | title: '单据出库', |
| | | name: 'orderOut', |
| | | color: 'blue', |
| | | cuIcon: 'video' |
| | | }, |
| | | // { |
| | | // title: '库位出库', |
| | | // name: 'stoOut', |
| | | // color: 'blue', |
| | | // cuIcon: 'video' |
| | | // }, |
| | | // { |
| | | // title: '商品入库', |
| | | // name: 'pakStore', |
| | | // color: 'blue', |
| | | // cuIcon: 'video' |
| | | // }, |
| | | // { |
| | | // title: '库存盘点', |
| | | // name: 'stockCheck', |
| | | // color: 'blue', |
| | | // cuIcon: 'safe' |
| | | // }, |
| | | { |
| | | title: '退出登录', |
| | | name: 'logOut', |
| | | color: 'grey', |
| | | cuIcon: 'exit' |
| | | }] |
| | | }, |
| | | |
| | | ] |
| | | } |
| | | }, |
| | | onLoad() { |
| | |
| | | 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; |
| | | } |