|
|
<template>
|
|
|
<view class="u-page__item">
|
|
|
<u-collapse
|
|
|
accordion
|
|
|
v-for="item in itemArr"
|
|
|
@close="close"
|
|
|
>
|
|
|
<view class="" @click="backHub(item)">
|
|
|
<u-collapse-item
|
|
|
:title="item.name"
|
|
|
>
|
|
|
<text class="u-collapse-content" v-if="item.children && item.children.length>0" v-for="item1 in item.children" @click="backHub1(item1)">{{item1.name}}</text>
|
|
|
</u-collapse-item>
|
|
|
</view>
|
|
|
|
|
|
</u-collapse>
|
|
|
<view class="" v-if="itemArr && itemArr.length > 0">
|
|
|
<u-collapse accordion v-for="item in itemArr" @close="close">
|
|
|
<view class="" @click="backHub(item)">
|
|
|
<u-collapse-item :title="item.name">
|
|
|
<text class="u-collapse-content" v-if="item.children && item.children.length>0"
|
|
|
v-for="item1 in item.children" @click="backHub1(item1)">{{item1.name}}</text>
|
|
|
</u-collapse-item>
|
|
|
</view>
|
|
|
|
|
|
</u-collapse>
|
|
|
</view>
|
|
|
<view class="" v-else style="margin-top: 40%;">
|
|
|
<u-empty></u-empty>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- <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> -->
|
|
|
|
|
|
<!-- <u-index-item> --> -->
|
|
|
<!-- #ifndef APP-NVUE
|
|
|
<!-- <u-index-anchor :text="indexList[index]"></u-index-anchor> -->
|
|
|
|
|
|
<!-- <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)">
|
|
|
<!-- <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>
|
...
|
...
|
@@ -39,58 +39,60 @@ |
|
|
data() {
|
|
|
return {
|
|
|
indexList: [],
|
|
|
|
|
|
itemArr: [
|
|
|
|
|
|
]
|
|
|
|
|
|
itemArr: [
|
|
|
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
backHub(item){
|
|
|
if(item.children && item.children.length > 0){
|
|
|
backHub(item) {
|
|
|
if (item.children && item.children.length > 0) {
|
|
|
return
|
|
|
}else{
|
|
|
} else {
|
|
|
this.backHub1(item)
|
|
|
}
|
|
|
|
|
|
|
|
|
},
|
|
|
backHub1(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为返回上一级
|
|
|
backHub1(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)
|
|
|
}
|
|
|
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.data
|
|
|
}).catch(err => {
|
|
|
onLoad(option) {
|
|
|
uni.$u.http.get(`/api/index/xinghao_list?category_id=${option.category_id}&brand_id=${option.brand_id}`).then(
|
|
|
res => {
|
|
|
// this.indexList = res.data.word
|
|
|
this.itemArr = res.data.data
|
|
|
}).catch(err => {
|
|
|
console.log(err);
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
/deep/ .u-collapse{
|
|
|
background-color: white;
|
|
|
}
|
|
|
.list-cell {
|
|
|
/deep/ .u-collapse {
|
|
|
background-color: white;
|
|
|
}
|
|
|
|
|
|
.list-cell {
|
|
|
display: flex;
|
|
|
box-sizing: border-box;
|
|
|
width: 100%;
|
...
|
...
|
@@ -101,28 +103,29 @@ |
|
|
line-height: 24px;
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
.u-page {
|
|
|
padding: 0;
|
|
|
|
|
|
&__item {
|
|
|
|
|
|
&__title {
|
|
|
color: $u-tips-color;
|
|
|
background-color: $u-bg-color;
|
|
|
padding: 15px;
|
|
|
font-size: 15px;
|
|
|
|
|
|
&__slot-title {
|
|
|
color: $u-primary;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.u-collapse-content {
|
|
|
color: $u-tips-color;
|
|
|
font-size: 14px;
|
|
|
margin: 15rpx 10rpx;
|
|
|
}
|
|
|
</style> |
|
|
|
|
|
.u-page {
|
|
|
padding: 0;
|
|
|
|
|
|
&__item {
|
|
|
|
|
|
&__title {
|
|
|
color: $u-tips-color;
|
|
|
background-color: $u-bg-color;
|
|
|
padding: 15px;
|
|
|
font-size: 15px;
|
|
|
|
|
|
&__slot-title {
|
|
|
color: $u-primary;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.u-collapse-content {
|
|
|
color: $u-tips-color;
|
|
|
font-size: 14px;
|
|
|
margin: 15rpx 10rpx;
|
|
|
}
|
|
|
</style> |
|
|
\ No newline at end of file |
...
|
...
|
|