|
|
@@ -1,35 +1,47 @@
|
|
|
<template>
|
|
|
- <view class="nav-left">
|
|
|
- <view class="item-list" v-for="(s,idx) in nav" @tap="goTo(s)" :key="idx">{{s.name}}</view>
|
|
|
- </view>
|
|
|
+ <view class="nav-left">
|
|
|
+ <view class="item-list" v-for="(s, idx) in nav" @tap="goTo(s)" :key="idx">{{s.name}}</view>
|
|
|
+ <keyboard-listener @keyup="keyup"></keyboard-listener>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import keyboardListener from "@/components/keyboard-listener/keyboard-listener.vue";
|
|
|
export default {
|
|
|
+ name: "navComponet",
|
|
|
+ components: { keyboardListener },
|
|
|
data() {
|
|
|
return {
|
|
|
- nav:[{name:'收银',page:'/pages/home/cash'},{name:'工单',page:'/pages/home/work'},{name:'选款',page:'/pages/home/selectMake'},{name:'新款',page:'/pages/home/make'}]
|
|
|
- }
|
|
|
+ nav: [
|
|
|
+ { name: "收银", page: "/pages/home/cash" },
|
|
|
+ { name: "工单", page: "/pages/home/work" },
|
|
|
+ { name: "选款", page: "/pages/home/selectMake" },
|
|
|
+ { name: "新款", page: "/pages/home/make" },
|
|
|
+ ],
|
|
|
+ };
|
|
|
},
|
|
|
- methods:{
|
|
|
- goTo(item){
|
|
|
- this.$util.hitRemind()
|
|
|
- this.$util.pageTo({ url: item.page, type:2 })
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ methods: {
|
|
|
+ keyup(item){
|
|
|
+ console.log(item)
|
|
|
+ },
|
|
|
+ goTo(item) {
|
|
|
+ this.$util.hitRemind();
|
|
|
+ this.$util.pageTo({ url: item.page, type: 2 });
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.nav-left {
|
|
|
- flex: 5;
|
|
|
- view:first-child{
|
|
|
- margin-top: 23upx;
|
|
|
- }
|
|
|
- & .item-list {
|
|
|
- font-size: 10upx;
|
|
|
- text-align: center;
|
|
|
- padding: 15upx 0;
|
|
|
- color:white;
|
|
|
- width:28upx;
|
|
|
- }
|
|
|
+ flex: 5;
|
|
|
+ view:first-child {
|
|
|
+ margin-top: 23upx;
|
|
|
+ }
|
|
|
+ & .item-list {
|
|
|
+ font-size: 10upx;
|
|
|
+ text-align: center;
|
|
|
+ padding: 15upx 0;
|
|
|
+ color: white;
|
|
|
+ width: 28upx;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|