You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.7 KiB
70 lines
1.7 KiB
<template>
|
|
<div class="layout-page" :style="themeStyle">
|
|
<v-header :title="$t('help.a3')"></v-header>
|
|
<main class="layout-main">
|
|
<template v-for="parentItem in list">
|
|
<v-link
|
|
tag="div"
|
|
:to="{path:'/pages/help/sort',query:{id:parentItem.id,title:parentItem.name}}"
|
|
class="p-md color-light fn-20 "
|
|
:key="parentItem.id"
|
|
>{{parentItem.name}}</v-link>
|
|
<div class="m-x-md m-b-md p-md bg-panel-4 rounded box-shadow" :key="parentItem.id+'s'">
|
|
<v-link
|
|
tag="div"
|
|
:to="{path:'/pages/help/detail',query:{id:item.id}}"
|
|
class="item p-y-xs border-b d-flex justify-between"
|
|
v-for="item in parentItem.article"
|
|
:key="item.id"
|
|
>
|
|
<div class="eps-1 color-light">{{item.title}}</div>
|
|
<van-icon name="arrow" />
|
|
</v-link>
|
|
</div>
|
|
</template>
|
|
</main>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import College from "@/api/college";
|
|
import {mapGetters} from 'vuex'
|
|
export default {
|
|
name: "help",
|
|
data() {
|
|
return {
|
|
list: [],
|
|
};
|
|
},
|
|
props: {
|
|
isShow: {
|
|
default: true,
|
|
type: Boolean,
|
|
required: false,
|
|
}
|
|
},
|
|
computed: {
|
|
...mapGetters(['themeStyle'])
|
|
},
|
|
watch: {
|
|
isShow(n) {
|
|
if (n) {
|
|
this.college();
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
college() {
|
|
let data={
|
|
// lang:uni.getStorageSync('language')=='zh-CN'?'zh-CN':'en'
|
|
lang:uni.getStorageSync('language')=='zh-CN'?'zh-CN':uni.getStorageSync('language')
|
|
}
|
|
College.college(data).then((res) => {
|
|
this.list = res.data.categoryList;
|
|
});
|
|
},
|
|
},
|
|
created() {
|
|
this.college();
|
|
},
|
|
};
|
|
</script>
|
|
|