user_mobile_front/src/pages/daishou.vue

<template>
	<div>
		<back :title="titlename"></back>
		<div class="content">
			<van-search v-model="value" placeholder="请输入搜索关键词" />
			<div class="slide">
				<van-collapse v-model="activeNames" accordion>
				  <van-collapse-item title="总部>销售部" name="1" value="12/12">
					  <ul>
						  <li><p>测试1</p></li>
						  <li><p>测试1</p></li>
						  <li><p>测试1</p></li>
					  </ul>
				  </van-collapse-item>
				  <van-collapse-item title="总部>销售部" name="2" value="12/12">
					  <ul>
					  	<li><p>测试2</p></li>
					  	<li><p>测试2</p></li>
					  	<li><p>测试2</p></li>					  
					  </ul>
				  </van-collapse-item>
				  <van-collapse-item title="总部>销售部" name="3" value="12/12">
					  <ul>
						  <li><p>测试3</p></li>
						  <li><p>测试4</p></li>
						  <li><p>测试5</p></li>
					  </ul>
				  </van-collapse-item>
				</van-collapse>
			</div>
			<!--  -->
			<div class="search" v-show="false">
				<ul>
					<li><p>测试2</p></li>
					<li><p>测试2</p></li>
					<li><p>测试2</p></li>					  
				</ul>
			</div>
		</div>
	</div>
	
</template>

<script>
	export default{
		data(){
			return{
				titlename:"快递代收",
				value:"",
				activeNames: "",
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="less">
	.content{
		padding: .2rem .33rem;
		/deep/.van-search{
			padding: 0px;
			.van-search__content{
				background: white;
			}
		}
		.slide{
			margin-top: .2rem;
			ul{
				li{
					p{
						padding: .1rem 0rem;
						font-size: .3rem;
					}
				}
			}
		}
		.search{
			margin-top: .2rem;
			background: white;
			padding: 10px 16px;
			ul{
				li{
					p{
						padding: .2rem 0rem;
						font-size: .3rem;
					}
					border-bottom: .01rem solid #F6F6F6;
				}
			}
		}
	}
</style>