<template>
  <div class="per-info__container">
    <van-nav-bar
      class="headerbar no-down-icon"
      title="账号密码"
      left-text="返回"
      @click-left="$route_back"
      left-arrow
    >
      <template slot="right" class="department_right_nav">
        <van-dropdown-menu
          duration="0.3"
          text="text"
          class="head_dropdown_menu"
        >
          <van-dropdown-item
            title="更多"
            @change="plus_menu"
            :options="option"
          />
        </van-dropdown-menu>
      </template>
    </van-nav-bar>
    <van-cell-group>
      <van-cell title="修改密码" to="change_pwd" is-link />
    </van-cell-group>
  </div>
</template>

<script>
import Vue from "vue";
import { Cell, CellGroup, DropdownMenu, DropdownItem } from "vant";

Vue.use(Cell)
  .use(CellGroup)
  .use(DropdownMenu)
  .use(DropdownItem);

export default {
  name: "accountSet",
  data() {
    return {
      option: [{ text: "账号注销", value: 1 }]
    };
  },
  methods: {
    plus_menu(val) {
      if (val) {
        this.$router.push({
          path: "/verify",
          query: {
            type: 2
          }
        });
      }
    }
  }
};
</script>

<style scoped lang="less">
.text {
  text-align: center;
  color: #969799;
  font-size: 0.28rem;
  padding: 0.2rem 0;
}
.headerbar /deep/.van-dropdown-menu__title {
  padding: 0;
  padding-right: 0rem;
  font-size: 0.3rem;
  color: #fff;
}
/deep/ .van-dropdown-menu__bar {
  background-color: transparent;
}
/deep/ .van-nav-bar__right{
  overflow: hidden;
}
/deep/ .van-dropdown-menu__title--active {
  color: #fff !important;
}
</style>
