#

Your Name

2022-08-17 035f98facdf0036ee06d0f1bac43e4ea2b889e95

 pages/demo/index.vue

@@ -1,9 +1,9 @@
<template>
   <view>
      <view class="home-nav">
         <view class="home-nav-item" v-for="(item,index) in navs" @click="click(index)" :class="item.clicked">
         <view class="home-nav-item" v-for="(item,index) in navs" @click="click(index)" :class="item.clicked" @touchstart="touch(index)" @touchend="touchend(index)">
            <view class="nav-icon">
               <uni-icons :type="item.icon" size="60"></uni-icons>
               <uni-icons :type="item.icon" size="60" color="#6c6c6c"></uni-icons>
            </view>
            <view class="nav-text">
               {{item.text}}
@@ -44,12 +44,16 @@
      },
      methods: {
         click(index) {
				
         },
         touch(index) {
            this.navs[index].clicked = 'grey'
            setTimeout(()=>{
               this.navs[index].clicked = ''
            },100)
				
				
            // setTimeout(()=>{
					
            // },100)
         },
         touchend(index) {
            this.navs[index].clicked = ''
         }
      }
   }