fix
This commit is contained in:
@@ -29,8 +29,9 @@
|
||||
:outputSize="option.size"
|
||||
:outputType="option.outputType"
|
||||
:auto-crop="option.autoCrop"
|
||||
:fixedBox="isRound"
|
||||
:auto-crop-width="option.autoCropWidth"
|
||||
:auto-crop-height="option.autoCropHeight"
|
||||
:auto-crop-height="option.autoCropWidth"
|
||||
:center-box="option.centerBox"
|
||||
:can-move="option.canMove" :can-move-box="option.canMoveBox"
|
||||
@real-time="realTime"
|
||||
@@ -51,8 +52,8 @@
|
||||
</div>
|
||||
<div class="cut_picture_review_block">
|
||||
<div class="cut_picture_review_item">
|
||||
<div class="cut_picture_review_content" :style="{'width': previews.w + 'px', 'height': previews.h + 'px', 'overflow': 'hidden'}">
|
||||
<div :style="previews.div" >
|
||||
<div class="cut_picture_review_content" :class="{active:isRound}" :style="{'width': previews.w + 'px', 'height': previews.h + 'px', 'overflow': 'hidden'}">
|
||||
<div :style="previews.div">
|
||||
<img class="previews_image" :style="previews.img" :src="previews.url">
|
||||
</div>
|
||||
</div>
|
||||
@@ -76,17 +77,14 @@ import { VueCropper } from "vue-cropper";
|
||||
// import { openGuide,driverObj__ } from "@/tool/guide";
|
||||
import {base64toFile} from '@/tool/util'
|
||||
export default defineComponent({
|
||||
props:['cropperFileData','isUpload'],
|
||||
props:['cropperFileData','isUpload','isRound'],
|
||||
components:{
|
||||
VueCropper,
|
||||
},
|
||||
setup(){
|
||||
let driver__:any = inject('driver__')
|
||||
return {
|
||||
driver__
|
||||
}
|
||||
|
||||
},
|
||||
data(){
|
||||
data(prop){
|
||||
return {
|
||||
cutPicuterModal:false,
|
||||
option: {
|
||||
@@ -97,16 +95,19 @@ export default defineComponent({
|
||||
outputType: 'png',
|
||||
autoCrop: true,
|
||||
// 只有自动截图开启 宽度高度才生效
|
||||
autoCropWidth: 360,
|
||||
autoCropHeight: 360,
|
||||
autoCropWidth: prop.isRound?100:360,
|
||||
autoCropHeight: prop.isRound?100:360,
|
||||
max: 99999,
|
||||
centerBox:true,
|
||||
canMove:true,
|
||||
canMoveBox:true,
|
||||
fixedBox:false,
|
||||
},
|
||||
previews:{},
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
},
|
||||
methods:{
|
||||
|
||||
rotateLeft() {
|
||||
@@ -350,6 +351,10 @@ export default defineComponent({
|
||||
background: rgba(91,94,105,0.8);
|
||||
box-shadow: 0 calc(0.2rem*1.2) calc(0.5rem*1.2) 0 rgba(216,213,239,0.3);
|
||||
border-radius: calc(1rem*1.2);
|
||||
&.active{
|
||||
border-radius: 50%;
|
||||
overflow: hidden
|
||||
}
|
||||
}
|
||||
|
||||
.cut_picture_review_block_sec{
|
||||
|
||||
@@ -335,7 +335,7 @@ export default defineComponent({
|
||||
},
|
||||
workspaceCom(newVal,oldVal){
|
||||
this.workspace = newVal
|
||||
this.upload.gender = newVal?.sexEnum?.name
|
||||
this.upload.gender = newVal?.sexEnum?.value
|
||||
},
|
||||
scene:{
|
||||
handler(newVal,oldVal){
|
||||
@@ -785,7 +785,7 @@ export default defineComponent({
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<style lang="less">
|
||||
<style lang="less" scoped>
|
||||
.generate {
|
||||
flex: 1;
|
||||
// height: 30rem;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user