<template>
	<view style="margin: 24rpx 0;">
			<u-index-list :index-list="indexList">
					<template v-for="(item, index) in itemArr">
						<!-- #ifdef APP-NVUE -->
						<u-index-anchor :text="indexList[index]"></u-index-anchor>
						<!-- #endif -->
						<u-index-item>
							<!-- #ifndef APP-NVUE -->
							<u-index-anchor :text="indexList[index]"></u-index-anchor>
							<!-- #endif -->
							<view class="list-cell" v-for="(cell, index1) in item.list" @click="backHub(cell)">
								{{cell.name}}
							</view>
						</u-index-item>
					</template>
				</u-index-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indexList: [],
								itemArr: [
									
								]
			}
		},
		methods: {
			backHub(item){
				//选择品牌后跳转
					let pages = getCurrentPages();  //获取所有页面栈实例列表
					let prevPage = pages[ pages.length - 2 ];  //上一页页面实例
					prevPage.$vm.xh_id = item.id;   
					prevPage.$vm.xh_name = item.name;   
					uni.navigateBack({  //uni.navigateTo跳转的返回，默认1为返回上一级
						delta: 1
					});
			},
			  open(e) {
			              // console.log('open', e)
			            },
			            close(e) {
			              // console.log('close', e)
			            },
			            change(e) {
			              // console.log('change', e)
			            }
		},
		onLoad() {
			uni.$u.http.get('/api/index/xinghao_list').then(res => {
				this.indexList = res.data.word
				this.itemArr = res.data.list
			}).catch(err => {
				console.log(err);
			})
			
			
		}
	}
</script>

<style scoped lang="scss">
/deep/ .u-collapse{
	background-color: white;
}
.list-cell {
		display: flex;
		box-sizing: border-box;
		width: 100%;
		padding: 10px 24rpx;
		overflow: hidden;
		color: #323233;
		font-size: 14px;
		line-height: 24px;
		background-color: #fff;
	}
</style>