This commit is contained in:
X1627315083
2024-08-05 16:16:08 +08:00
parent adf5c97587
commit 4a21079775
32 changed files with 5983 additions and 1337 deletions

View File

@@ -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{

View File

@@ -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