wx-qhb/pageC/mineComponent/allRight/allRight.vue

<template>
	<view class="all" @click="$emit('toDetail')"> <text :class="withdrawal?'all-right':''">{{name}}</text>
		<image class="right" src="../../../static/mine/right.png" mode="" ></image>
	</view>
</template>

<script>
	export default {
		props: {
			name: {
				type: String,
				default: '全部'
			},
			withdrawal:{
				type:Boolean,
				default:false
			}
		},
		data(){
			return{

			}
		}
	}
</script>

<style lang="scss">
	.all {
		color: #333;
		font-size: 12px;
		display: flex;
		align-items: center;

		.right {
			width: 10px;
			height: 10px;
		}
		.all-right{
			color: #222;
			font-size: 28rpx;
		}
	}
</style>