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