qzw_xcx/component/commoNar.vue

<template>
	<view style="width: 95%;margin: 12upx auto;">
			<view class="typeItem">
				全部
			</view>
			<view class="typeItem">
				上新
				<van-icon size="20px" name="arrow-up" />
				<van-icon  size="20px" name="arrow-down" />
			</view>
			<view class="typeItem">
				 价格
					<van-icon size="20px" name="arrow-up" />
					<van-icon  size="20px" name="arrow-down" />
				
			</view>
			<view class="typeItem">
			<van-dropdown-menu>
			    <van-dropdown-item  title="分类" >
					 <!-- <van-cell title="全部"></van-cell>
					  <van-cell title="包邮"></van-cell>
					  <van-cell title="自费"></van-cell> -->
				 </van-dropdown-item>
			</van-dropdown-menu>
			
			</view>
			
		</view>
	
</template>

<script>
	export default {
	  props:{
	  			menu:{
	  				type: Array
	  			}
	  		},	
	}
</script>

<style>
	.typeItem {
		width: 25%;
		display: inline-block;
		text-align: center;
	}
</style>