From 4bdd07b3cadc04aa3140b5bdc99deafcfdf1d845 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Thu, 16 Jun 2022 10:46:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/saas/AppCountryAlbum/Clipping.vue               | 8 ++++++--
 src/saas/AppCountryAlbum/components/ksp-cropper.vue | 4 +++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/saas/AppCountryAlbum/Clipping.vue b/src/saas/AppCountryAlbum/Clipping.vue
index 8d95257c..40b936d4 100644
--- a/src/saas/AppCountryAlbum/Clipping.vue
+++ b/src/saas/AppCountryAlbum/Clipping.vue
@@ -7,7 +7,7 @@
     <div class="photo-footer">
       <div class="title">
         <span @click="back">返回</span>
-        <h2>裁剪</h2>
+        <h2>图片处理</h2>
         <span class="save-btn" @click="save">保存</span>
       </div>
       <scroll-view class="photo-bottom" scroll-x >
@@ -17,7 +17,7 @@
         </div> -->
         <div class="clipping-item" @click="currIndex = 1" :class="[currIndex === 1 ? 'active' : '']">
           <image src="./images/clipping/clipping5.png" />
-          <span>自由</span>
+          <span>自由缩放</span>
         </div>
         <!-- <div class="clipping-item" @click="currIndex = 2" :class="[currIndex === 2 ? 'active' : '']">
           <image src="./images/clipping/clipping4.png" />
@@ -80,6 +80,10 @@
         uni.$emit('cropper', e.path)
 
         this.back()
+      },
+
+      rotateAngle () {
+        this.$refs.Cropper.rotateAngle()
       }
     }
   }
diff --git a/src/saas/AppCountryAlbum/components/ksp-cropper.vue b/src/saas/AppCountryAlbum/components/ksp-cropper.vue
index cc63f9ab..62baec35 100644
--- a/src/saas/AppCountryAlbum/components/ksp-cropper.vue
+++ b/src/saas/AppCountryAlbum/components/ksp-cropper.vue
@@ -1,5 +1,5 @@
 <template>
-<view v-show="url" :mode="modeValue" :change:mode="mwx.changeMode" :rotate="rotate" :change:rotate="mwx.changeRotate">
+<view style="width: 100%; height: 100%; position: relative;" v-show="url" :mode="modeValue" :change:mode="mwx.changeMode" :rotate="rotate" :change:rotate="mwx.changeRotate">
 	<!-- #ifdef MP-WEIXIN -->
 	<canvas type="2d" class="canvas" :style="{width: target.width + 'px', height: target.height + 'px'}"></canvas>
 	<!-- #endif -->
@@ -785,6 +785,8 @@ export default {
 
 <style scoped>
 .panel {
+	position: absolute;
+	top: 0;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;