<template>
    <div class="set">
        <div class="imgparent">
            <van-nav-bar
                title="设置"
                left-arrow
                @click-left="onClickLeft"
            />
        </div>
        <div class="set_nav">
            <p><span>我的账号</span><span>138****5438</span></p>
            <p>
                <span>更换手机号码</span>
                <span><img
                        src="../assets/img/icon_back_enter.png"
                        alt=""
                    ></span>
            </p>
            <p><span>修改密码</span><span><img
                        src="../assets/img/icon_back_enter.png"
                        alt=""
                    ></span></p>

        </div>
        <div class="srt_bottm">
            <p>退出当前账号</p>
        </div>
    </div>
</template>

<script>
export default {
  data() {
    return {
      model: {}
    };
  },
  methods: {
    async userData() {
      const res = await this.$http.get("/user/" + localStorage.getItem("id"));
      this.model = res.data[0];
    },
    onClickLeft() {}
  },
  created() {
    // this.userData();
  }
};
</script>

<style lang="less">
.set {
  background-color: #fff;
  height: 100vh;
//   padding: 0 16px;
  .set_nav {
      padding: 0 16px;
    p {
      font-size: 3.733vw;
      font-family: PingFang SC;
      font-weight: 500;
      color: #343434;
      display: flex;
      justify-content: space-between;
      margin-top: 35px;
      span {
        font-size: 3.733vw;
        font-family: PingFang SC;
        font-weight: 500;
        color: #343434;
      }
      span:nth-child(2) {
        font-size: 3.733vw;
        font-family: PingFang SC;
        font-weight: 400;
        color: #343434;
        img {
          width: 6px;
          height: 9px;
        }
      }
    }
  }
  .srt_bottm {
      margin-top: 90%;
    p {
      
      height: 42px;
    //   width: 100%;
      margin: 0 16px;
      background-color: #009fe8;
      border-radius: 3px;
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #ffffff;
      line-height: 42px;
      text-align: center;
    }
  }
}
</style>