Blame view

src/views/demo/comp/cropper/index.vue 565 Bytes
1
2
<template>
  <PageWrapper title="图片裁剪示例" contentBackground>
Vben authored
3
    <CropperImage src="https://fengyuanchen.github.io/cropperjs/images/picture.jpg" />
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
  </PageWrapper>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { PageWrapper } from '/@/components/Page';

  import { CropperImage } from '/@/components/Cropper';

  import img from '/@/assets/images/header.jpg';
  export default defineComponent({
    components: {
      PageWrapper,
      CropperImage,
    },
    setup() {
      return { img };
    },
  });
</script>