<template>
  <div class="content-box">
    <div class="container">
      <p>FTP设置</p>
      <!-- <div class="test-div">
      <i class="el-icon-edit"></i>
      <i class="el-icon-share"></i>
      <i class="el-icon-delete"></i>
    </div> -->

      <el-form :model="form" label-position="left" label-width="110px" style="width:50%">
        <el-form-item label="账号：">
          <el-input placeholder="请输入账号名" v-model="form.ComponentPropsname" clearable></el-input>
        </el-form-item>
        <el-form-item label="密码：">
          <el-input placeholder="请输入密码" v-model="form.password" show-password></el-input>
        </el-form-item>
        <el-form-item label="FTP：">
          <el-input placeholder="请输入账号名" v-model="form.FTP" clearable></el-input>
        </el-form-item>
      </el-form>

      <el-button type="primary" @cilck="Submit">修改</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: '',
        password: '',
        FTP: '',
      }
    }
  },
  methods:{
    Submit() {
      this.form;
    }
  }
}
</script>

<style>
.test-div i {
  font-size: 25px;
}
</style>