<template>
  <div class="plate">
    <div>
      <ul>
        <li app-border dir-bottom>
          <div class="title">设置访问密码</div>
          <div class="password">
              <input
                :type="cansee?'text':'password'"
                class="ui-input"
                placeholder="请输入访问密码，限20位"
                :maxlength="20"
                oninput="value=value.replace(/\s+/g,'')"
                v-model="info.password"
              />
            <i class="iconfont icon_eye" @click="cansee=!cansee" :class="{'iconedit_input_unvisible':!cansee}"></i>
          </div>
        </li>
      
      </ul>
    </div>
  </div>
</template>

<script>
import { mapGetters } from "vuex";

export default {
    computed: {
      ...mapGetters({
        info:'info'
      })
    },
    data(){
      return {
        password:'',
        cansee:false
      }
    },
    methods:{
     
    }
}
</script>
<style lang="less" src="./style.less"></style>

<style lang="less" scoped>
.password{
  position: relative;
  .icon_eye{
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    font-size: 18px;
  }
}
</style>

