uni-app中使用mpvue-cropper

  1. clone项目https://github.com/we-plugin/we-cropper.git

  2. 找到we-cropper\packages\mpvue-cropper 路径下的 mpvue-cropper.vue,将其修改


    uni-app中使用mpvue-cropper_第1张图片
    mpvue-cropper.vue
  3. 找到we-cropper\dist 路径下的 we-cropper.js


    uni-app中使用mpvue-cropper_第2张图片
    we-cropper.js
  4. 使用


    uni-app中使用mpvue-cropper_第3张图片
    index.vue
  5. 示例demo:https://github.com/lijibing01/uni-mpvue-cropper-demo
    demo中修改了一处引入路径,可根据实际项目需要更改

    uni-app中使用mpvue-cropper_第4张图片
    mpvue-cropper.vue

  1. 实际效果


    uni-app中使用mpvue-cropper_第5张图片
    效果图

你可能感兴趣的:(uni-app中使用mpvue-cropper)