|
|
@ -19,13 +19,15 @@ |
|
|
|
:fixed-box="option.fixedBox" |
|
|
|
:fixed-box="option.fixedBox" |
|
|
|
:fixed="fixed" |
|
|
|
:fixed="fixed" |
|
|
|
:fixed-number="fixedNumber" |
|
|
|
:fixed-number="fixedNumber" |
|
|
|
@realTime="realTime" /> |
|
|
|
@realTime="realTimes" |
|
|
|
|
|
|
|
></vueCropper> |
|
|
|
<!-- <vueCropper ref="cropper" :img="option.img" :outputSize="option.size" :outputType="option.outputType"></vueCropper> --> |
|
|
|
<!-- <vueCropper ref="cropper" :img="option.img" :outputSize="option.size" :outputType="option.outputType"></vueCropper> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 预览框 --> |
|
|
|
<!-- 预览框 --> |
|
|
|
<div |
|
|
|
<div |
|
|
|
class="show-preview" |
|
|
|
class="show-preview" |
|
|
|
:style="{'width': '500px', 'height': '400px', 'overflow': 'hidden', 'margin': '0 25px', 'display':'flex', 'align-items' : 'center'}"> |
|
|
|
:style="{'width': '500px', 'height': '400px', 'overflow': 'hidden', 'margin': '0 25px', 'display':'flex', 'align-items' : 'center'}"> |
|
|
|
|
|
|
|
|
|
|
|
<div :style="previews.div" class="preview"> |
|
|
|
<div :style="previews.div" class="preview"> |
|
|
|
<img :src="previews.url" :style="previews.img" /> |
|
|
|
<img :src="previews.url" :style="previews.img" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -128,7 +130,8 @@ export default { |
|
|
|
this.option.img = file.url |
|
|
|
this.option.img = file.url |
|
|
|
this.option.size = file.size / 1024 > 200 ? 0.9 : 0.95 |
|
|
|
this.option.size = file.size / 1024 > 200 ? 0.9 : 0.95 |
|
|
|
}, |
|
|
|
}, |
|
|
|
realTime(data) { |
|
|
|
realTimes(data) { |
|
|
|
|
|
|
|
console.log('data=>',data) |
|
|
|
// 实时预览 |
|
|
|
// 实时预览 |
|
|
|
this.previews = data |
|
|
|
this.previews = data |
|
|
|
}, |
|
|
|
}, |
|
|
|