<template>
  <view class="mineMenu">
      <view class="menu1" @click="select(3)">
          <img src="../../static/img/wallet.png" alt="" class="wallet">
          <view class="title">全部</view>
      </view>
      <view class="menu1" @click="select(0)">
          <img src="../../static/img/cart.png" alt="" class="wallet">
          <view class="title">待付款</view>
      </view>
       <view class="menu1" @click="select(1)">
          <img src="../../static/img/pingjia.png" alt="" class="wallet">
          <view class="title">待收货</view>
      </view>
       <view class="menu1" @click="select(2)">
          <img src="../../static/img/shouhou.png" alt="" class="wallet">
          <view class="title title1">待评价</view>
      </view>
  </view>
</template>

<script>
export default {
name:"mineMenu",
methods:{
    select(e){
        this.$emit("select",e)
    }
}
}
</script>

<style lang="scss">
.mineMenu{
    width: 711upx;
    height: 189upx;;
    background:rgba(255,255,255,1);
box-shadow:0upx 5upx 12upx 1upx rgba(222,71,66,0.41);
border-radius:20upx;
display: flex;
justify-content: space-around;
.menu1{
    // width: 68upx;
    margin:auto 0;
        .wallet{
        width: 38upx;
        height: 34upx;
        margin-left: 8upx;
        margin-bottom: 25upx;
    }
    .title{
        font-size: 22upx;
        color: #333333;
        text-align: center;
    }
    .title1{
        position: relative;
        right: 15upx;
    }
}

}
</style>