提交 | 用户 | age
|
2e11ea
|
1 |
<template> |
V |
2 |
<PageWrapper title="图片裁剪示例" contentBackground> |
8a1406
|
3 |
<CropperImage src="https://fengyuanchen.github.io/cropperjs/images/picture.jpg" /> |
2e11ea
|
4 |
</PageWrapper> |
V |
5 |
</template> |
|
6 |
<script lang="ts"> |
|
7 |
import { defineComponent } from 'vue'; |
|
8 |
import { PageWrapper } from '/@/components/Page'; |
|
9 |
|
|
10 |
import { CropperImage } from '/@/components/Cropper'; |
|
11 |
|
|
12 |
import img from '/@/assets/images/header.jpg'; |
|
13 |
export default defineComponent({ |
|
14 |
components: { |
|
15 |
PageWrapper, |
|
16 |
CropperImage, |
|
17 |
}, |
|
18 |
setup() { |
|
19 |
return { img }; |
|
20 |
}, |
|
21 |
}); |
|
22 |
</script> |