<template>
	<div>

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