63 lines
1.5 KiB
Vue
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> |