<template>
<view class="logistics">
	<u-collapse :arrow="false" :head-style="headerStyle" :body-style="bodyStyle" :item-style="itemStyle">
		<u-collapse-item :title="item.head" v-for="(item, index) in itemList" :key="index">
			{{item.body}}
		</u-collapse-item>
	</u-collapse>
</view>
</template>

<script>
	export default {
		data() {
			return {
				itemList: [{
					head: "发货时效",
					body: "发货时效",
					open: false
				},{
					head: "催促物流",
					body: "催促物流",
					open: false,
				},{
					head: "修改收货地址",
					body: "修改收货地址",
					open: false,
				},{
					head: "配送范围与费用",
					body: "配送范围与费用",
					open: false,
				},{
					head: "发货时间",
					body: "发货时间",
					open: false,
				},{
					head: "能否延迟发货",
					body: "能否延迟发货",
					open: false,
				},{
					head: "配送快递",
					body: "配送快递",
					open: false,
				},{
					head: "物流停滞不更新",
					body: "物流停滞不更新",
					open: false,
				},{
					head: "未收到货但物流显示已签收",
					body: "未收到货但物流显示已签收",
					open: false,
				},{
					head: "为何包裹物流显示退回",
					body: "为何包裹物流显示退回",
					open: false,
				},{
					head: "商品验货与验收",
					body: "商品验货与验收",
					open: false,
				},{
					head: "商品发货后,拒收会收取费用吗",
					body: "商品发货后,拒收会收取费用吗",
					open: false,
				},{
					head: "合单发货政策说明",
					body: "合单发货政策说明",
					open: false,
				}],
				headerStyle:{
					borderBottom:'1px solid #f5f5f5',
					color: '#333333',
					padding: '32upx 0',
					fontSize:'28upx'
				},
				itemStyle:{
					padding: '0 20upx',
					background:' #ffffff',
				},
				bodyStyle:{
					padding:'20upx',
					fontSize:'24upx',
					color:'#222'
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
page{
	height:100%;
}
.logistics{
	height:100%;
	padding-top:20upx;
}
</style>