组件模板

<template>
  <div>
    <el-dialog title="图片剪裁" :visible.sync="dialogVisible" append-to-body>
      <div class="cropper-content">
        <div class="cropper" style="text-align: center">
          <vueCropper
            ref="cropper"
            :img="option.img"
            :outputSize="option.size"
            :outputType="option.outputType"
            :info="true"
            :full="option.full"
            :canMove="option.canMove"
            :canMoveBox="option.canMoveBox"
            :original="option.original"
            :autoCrop="option.autoCrop"
            :fixed="option.fixed"
            :fixedNumber="option.fixedNumber"
            :centerBox="option.centerBox"
            :infoTrue="option.infoTrue"
            :fixedBox="option.fixedBox"
          ></vueCropper>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="finish" :loading="loading"
          >确认</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script>
import HorizonSpace from "@/views/components/common/HorizonSpace";
export default {
  name: "ProfileUploadPart",
  components: {
    //Carousel,
    //Selector,
    HorizonSpace,
  },
  watch: {
    //   tableDataForEdit(newV,oldV) {
    //     this.dataBuff=newV;
    //     //console.log(this.dataBuff)
    //   }
  },
  mounted() {
    //   this.dataBuff=this.tableDataForEdit;
    //console.log(this.dataBuff)
  },
  methods: {
    //   gotoSite(site){
    //     if(site.indexOf("http")==-1){
    //       site="http://"+site
    //     }
    //     window.open(site)
    //   },
    //   onChangeName(val){
    //     this.tableDataForEdit.name=val;
    //   },
    //   onChangeInfo(val){
    //     this.tableDataForEdit.info=val
    //   },
    //   addNewSet(){
    //     this.tableDataForEdit.push({
    //       name:"",
    //       info:""
    //     })
    //     this.$forceUpdate()
    //   },
    //   removeSet(index){
    //     if (index > -1) {
    //         this.tableDataForEdit.splice(index, 1);
    //     }
    //     this.$forceUpdate()
    //   }
  },
  props: {
    // editing: {
    //   //作用是请求的时候提供数据,还有整明为子集评论框
    //   type: Boolean,
    //   default() {
    //     return false;
    //   },
    // },
    // type: {
    //   //作用是请求的时候提供数据,还有整明为子集评论框
    //   type: String,
    //   default() {
    //     return "";
    //   },
    // },
    // content: {
    //   //作用是请求的时候提供数据,还有整明为子集评论框
    //   type: String,
    //   default() {
    //     return "";
    //   },
    // },
    // tableData: {
    //   type: Array,
    //   default() {
    //     return null;
    //   },
    // },
    // tableDataForEdit: {
    //   type: Array,
    //   default() {
    //     return null;
    //   },
    // },
  },
  data() {
    return {
      dataBuff: [],
    };
  },
};
</script>

<style scoped>
/* .cropper-content { */
.cropper {
  width: auto;
  height: 300px;
}
/* } */
</style>

© 2021 hanbaoaaa record.浙ICP备20005263号
asdad
联系方式 asdasd
2021-5-8 4:19
sss
回复数 (0) 点击展开
加载更多

新增评论

称呼
联系方式
邮箱(选填)
内容

提交

取消