uniapp 点击按钮时改变颜色，点击结束后恢复原颜色

uniapp 点击按钮时改变颜色，点击结束后恢复原颜色

<template>
    <view class="container">
        <view class="listbox">
            <view class="sublistbox">
                <view class="box30">
                    <text class="txt-fontsize14-gray">充值金额：</text>
                </view>
                <view class="box40">
                    <input class="priceinput" type="text" value="" v-model="price"/>
                </view>
                <view class="box30">
                    <text class="txt-fontsize14-gray">元</text>
                </view>
            </view>
            <view class="pricelistbox" >
                <view class="pricebox" v-for="(item,index) in priceList" :key="index" @tap="priceChange(index)">
                    <view class="priceinerbox"  :class="{active:item.isSelect}">
                        <text class="txt-fontsize16">{{item.name}}</text>
                    </view>
                    
                </view>
            </view>
        </view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                price: 0,
                priceList:[{name:'+100',value:100,isSelect:false},{name:'+200',value:200,isSelect:false},{name:'+500',value:500,isSelect:false},
                        {name:'+1000',value:1000,isSelect:false},{name:'+2000',value:2000,isSelect:false},{name:'清零',value:0,isSelect:false}]
            }
        },
        methods: {
            priceChange(n) {
                var p=this.price;
                var _this=this;
                _this.priceList[n].isSelect=true;
                if(n==5){
                    this.price=0;
                }
                else{
                    this.price=p+this.priceList[n].value
                }
                setTimeout(function() {
                  _this.priceList[n].isSelect=false;
                 }, 300);
            }
        }
    }
</script>

<style>
    .pricelistbox{
         94%;
        height: 20vh;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .pricebox{
         30%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .priceinerbox{
         90%;
        height: 7vh;
        border: 2px solid #66CDAA;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .active{
        background-color: #66CDAA;
        color: white;
    }
</style>