<template>
  <div class="app-container">

    <van-nav-bar title="修改密码" left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/index'})" />

    <div class="list_main">
      <van-field v-model="value" label="旧密码：" placeholder="请输入旧密码" required :border="false" input-align="right" label-width="auto" />
      <van-field v-model="value" label="新密码：" placeholder="请输入新密码" required :border="false" input-align="right" label-width="auto" />
      <van-field v-model="value" label="确认密码：" placeholder="请输入确认密码" required :border="false" input-align="right" />

      <p class="btn">保存</p>
    </div>


  </div>
</template>
<script>
  import Cookies from "js-cookie";
  export default {
    name: "contractedVillageContractor",
    data() {
      return {
        value:'',
      };
    },
    created() {

    },
    methods: {

    },
  };
</script>
<style scoped lang="scss">

  .app-container{
    background: #fff url("../../../../static/images/contracted/contracted_index_bg.png") no-repeat center;
    background-size: 100% 100%;
    height: 100vh;
    padding: 0 4vw;
    overflow: hidden;
  }

  /deep/ .van-nav-bar{
    background: transparent;
  }

  /deep/ .van-nav-bar .van-icon{
    color: #000000;
  }

  /deep/ .van-hairline--bottom::after{
    border: none;
  }

  .list_main{
    margin-top: 2vh;
    overflow-y: scroll;
    text-align: center;
    background: #ffffff;
    border-top-left-radius: 10PX;
    border-top-right-radius: 10PX;
    height: 92vh;
    .btn{
      background-image: linear-gradient(to right,#c6fe8b,#48e5a2);
      box-shadow: 0 0 10PX #cccccc;
      padding: 10PX 0PX;
      border-radius: 50PX;
      display: inline-block;
      width: 40%;
      margin-top: 2vh;
    }
  }

</style>
