1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| <!-- 图片裁剪页 -->
| <template>
| <view class="content" >
| <limeClipper :width="options.width" :scale-ratio="2" :is-lock-width="false" :is-lock-height="false" :height="options.height" :image-url="path"
| @success="successFn" @cancel="cancel" />
| </view>
| </template>
| <script>
| import limeClipper from './limeClipper/limeClipper.vue';
| export default {
| components: {limeClipper},
| data() {return {path: '',options:{"width":600,"height":600}}},
| onLoad({path,options}) {
| this.path = path
| // console.log('path-path-path-path',path);
| if(options){
| this.options = JSON.parse(options)
| }
| },
| methods:{
| successFn(e){
| this.getOpenerEventChannel().emit('success',e.url)
| uni.navigateBack()
| },
| cancel(){
| uni.navigateBack()
| }
| }
| }
| </script>
|
| <style>
| .box{
| width: 400rpx;
| }
| .mt{
| margin-top: -10px;
| }
| </style>
|
|
