VUE Form从上方顶端显示

 <!--修改区域-->
    <el-dialog title="房屋实景" :visible.sync="editDialogVisible" width="50%" @close="editDialogClosed" :lock-scroll="false" :append-to-body="true">
      <el-form :model="editForm" ref="editFormRef" lable-width="70px">

        <el-form-item >
          <div class="demo-image__lazy">
            <img src="../../assets/house/2.jpg">
          </div>
          <div class="demo-image__lazy">
            <img src="../../assets/house/3.jpg">
          </div>
          <div class="demo-image__lazy">
            <img src="../../assets/house/4.jpg">
          </div>
          <div class="demo-image__lazy">
            <img src="../../assets/house/5.jpg">
          </div>
        </el-form-item>

      </el-form>

      <!--内容底部区域-->
      <span slot="footer" class="dialog-footer">
        <el-button @click="editDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="editDialogVisible = false">确 认</el-button>
      </span>

    </el-dialog>