uniapp如何制作一个收缩通讯录（布局篇)

html：

			
				
			
		

			
				
					
						
						
						
							
{{items.note}}
							
{{items.tel}}
						
						
							
						
					
				
			
		

js：

itemList: [],

css：

.search {
		width: 100%;
		background-color: #ffffff;
	}

	.search_padding {
		width: 94%;
		margin-left: 3%;
		padding: 10px 0px;
	}

	.u-search__action {
		display: none !important;
	}
.list {
		width: 92%;
		display: flex;
		align-items: center;
		border: 1px solid #f4f4f4;
		padding: 8px 15px;
		justify-content: space-between;
	}

	.list image {
		width: 100rpx;
		height: 100rpx;
		border-radius: 10px;
		margin-right: 20rpx;
	}

	.u-collapse-item__content__text {
		padding: 0 !important;
	}