Files
procar/src/components/mine/mine-menu.vue
2019-12-24 09:48:33 +08:00

63 lines
1.5 KiB
Vue

<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>