<template>
  <div class="help ibps-fixed-top">
    <van-nav-bar
      :title="generateTitle()"
      :left-text="$t('common.button.back')"
      left-arrow
      fixed
      @click-left="onBack"
    />
    <div class="ibps-blank-bar" />
    <van-collapse v-model="activeNames">
      <van-collapse-item title="首页" name="1" :size="size">
        &nbsp; &nbsp;首页可以通过后台配置动态菜单，流程的相关操作。
      </van-collapse-item>
      <div class="ibps-blank-bar" />
      <van-collapse-item title="公告" name="2" :size="size">
        &nbsp; &nbsp;公告可以进行公告的增删改查操作。
      </van-collapse-item>
      <div class="ibps-blank-bar" />
      <van-collapse-item title="通讯录" name="3" :size="size">
        &nbsp; &nbsp;通讯录可以查询系统的用户信息资料。
      </van-collapse-item>
      <div class="ibps-blank-bar" />
      <van-collapse-item title="我的" name="4" :size="size">
        &nbsp; &nbsp;我的可以查看个人资料、修改密码、切换语言、退出登录等相关操作。
      </van-collapse-item>
    </van-collapse>
    <div class="ibps-blank-bar" />
  </div>
</template>
<script>
import navbar from '@/mixins/navbar'

export default {
  mixins: [navbar],
  data() {
    return {
      activeNames: ['1', '2', '3', '4'],
      size: 'large'
    }
  }
}
</script>

