#

Your Name

2022-08-17 ecbb13047dbf7918d61e60ff264125ba71cb3840

 pages/demo/index.vue

@@ -1,14 +1,13 @@
<template>
   <view>
      <view class="home-nav">
         <view class="home-nav-item" v-for="(item,index) in navs">
         <view class="home-nav-item" v-for="(item,index) in navs" @click="click(index)" :class="item.clicked">
            <view class="nav-icon">
               <uni-icons :type="item.icon" size="60"></uni-icons>
            </view>
            <view class="nav-text">
               {{item.text}}
            </view>
				
         </view>
      </view>
   </view>
@@ -21,25 +20,37 @@
            navs:[
               {
                  text:'入库',
                  icon:'download'   ,
                  icon:'download',
                  clicked:''
               },
               {
                  text:'出库',
                  icon:'upload'   ,
                  icon:'upload',
                  clicked:''
               },
               {
                  text:'盘点',
                  icon:'compose'   ,
                  icon:'compose',
                  clicked:''
               },
               {
                  text:'退出登录',
                  icon:'close'   ,
                  icon:'close',
                  clicked:''
               },
               ]
               ],
				
         }
      },
      methods: {
			
         click(index) {
            this.navs[index].clicked = 'grey'
            setTimeout(()=>{
               this.navs[index].clicked = ''
            },100)
				
				
         }
      }
   }
</script>
@@ -73,4 +84,7 @@
      margin-bottom: 20%;
      text-align: center;
   }
   .grey {
      background-color: #dcdcdc;
   }
</style>