<template>
  <div class="sub-nav">
    <div class="item" @click="onResetPassword">
      <span>修改密码</span>
      <span class="el-icon-arrow-right"></span>
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  layout: 'app-ph',
  data() {
    return {}
  },
  computed: {
    ...mapGetters(['routePrefix']),
  },
  methods: {
    // 修改密码
    onResetPassword() {
      this.$router.push(`${this.routePrefix}/center/settings/password`)
    },
  },
}
</script>

<style lang="scss" scoped>
.sub-nav {
  padding: 0 4vw;
  padding-top: 2.4vw;
  .item {
    width: 100%;
    padding: 3vw 0;
    display: flex;
    justify-content: space-between;
    font-size: 3.4vw;
    border-bottom: 0.1vw solid #c2c2c2;

    .el-icon-arrow-right {
      font-size: 4vw;
    }
  }
}
</style>
