1

App.vue

@@ -1,17 +1,17 @@
 <script>
-	export default {
-		onLaunch: function() {
-			// console.log('App Launch')
-		},
-		onShow: function() {
-			// console.log('App Show')
-		},
-		onHide: function() {
-			// console.log('App Hide')
-		}
-	}
+  export default {
+    onLaunch: function() {
+      // console.log('App Launch')
+    },
+    onShow: function() {
+      // console.log('App Show')
+    },
+    onHide: function() {
+      // console.log('App Hide')
+    }
+  }
 </script>
 
 <style>
-	/*每个页面公共css */
+  /*每个页面公共css */
 </style>

pages.json

@@ -1,24 +1,24 @@
 {
-	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-		{
-			"path": "pages/index/index",
-			"style": {
-				"navigationBarTitleText": "图片裁剪组件样例",
-				"enablePullDownRefresh": false
-			}
-		}
-	],
-	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "图片裁剪组件样例",
-		"navigationBarBackgroundColor": "#FFFFFF",
-		"backgroundColor": "#FFFFFF",
-		"h5": {
-			"titleNView": false,
-			"maxWidth": 1190,
-			"navigationBarTextStyle": "black",
-			"navigationBarBackgroundColor": "#FFFFFF"
-		}
-	},
-	"uniIdRouter": {}
+  "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+    {
+      "path": "pages/index/index",
+      "style": {
+        "navigationBarTitleText": "图片裁剪组件样例",
+        "enablePullDownRefresh": false
+      }
+    }
+  ],
+  "globalStyle": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "图片裁剪组件样例",
+    "navigationBarBackgroundColor": "#FFFFFF",
+    "backgroundColor": "#FFFFFF",
+    "h5": {
+      "titleNView": false,
+      "maxWidth": 1190,
+      "navigationBarTextStyle": "black",
+      "navigationBarBackgroundColor": "#FFFFFF"
+    }
+  },
+  "uniIdRouter": {}
 }

pages/index/index.vue

@@ -1,31 +1,31 @@
 <template>
-	<view class="container">
-		<vrapile-cut-image :avatar="imageSrc" @save="save" :key="key"></vrapile-cut-image>
-	</view>
+  <view class="container">
+    <vrapile-cut-image :avatar="imageSrc" @save="save" :key="key"></vrapile-cut-image>
+  </view>
 </template>
 
 <script>
   // import { uploadAvatar } from "@/api/system/user"
-	export default {
-		data() {
-			return {
-				imageSrc: "",
-				key: 0
-			}
-		},
-		created() {
-			// 初始化一个图片地址
-			this.imageSrc = "https://minio.ninecloud.top/prod/2024/08/05/67a593d2c2f24f188163b4712100c227.jpg";
-		},
-		methods: {
-			save(e){
-				this.imageSrc = e.avatar;
-				this.key++;
-				// console.log(e.avatar)
-				// uploadAvatar({
-				//     filePath: e.avatar,
-				// })
-			},
-		}
-	}
+  export default {
+    data() {
+      return {
+        imageSrc: "",
+        key: 0
+      }
+    },
+    created() {
+      // 初始化一个图片地址
+      this.imageSrc = "https://minio.ninecloud.top/prod/2024/08/05/67a593d2c2f24f188163b4712100c227.jpg";
+    },
+    methods: {
+      save(e){
+        this.imageSrc = e.avatar;
+        this.key++;
+        // console.log(e.avatar)
+        // uploadAvatar({
+        //     filePath: e.avatar,
+        // })
+      },
+    }
+  }
 </script>

uni_modules/vrapile-cut-image/changelog.md

@@ -1,3 +1,5 @@
+## 1.0.12（2025-12-19）
+优化代码
 ## 1.0.11（2025-07-14）
 更新项目gitea地址
 ## 1.0.10（2025-07-14）

uni_modules/vrapile-cut-image/package.json

@@ -1,7 +1,7 @@
 {
   "id": "vrapile-cut-image",
   "displayName": "支持多种操作的图片裁剪组件(uni_modules版)",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "图片裁剪组件，实时预览，不失真，支持本地和网络图片，支持翻转和旋转，兼容vue2/vue3、兼容App/H5/微信小程序，支持自定义拖拽选择，易二次开发",
   "keywords": [
     "图片翻转",

uni_modules/vrapile-cut-image/readme.md

@@ -1,5 +1,5 @@
 ## 图标依赖
-    
+
 此组件中操作按钮的图标，依赖官方插件 uni-icons，已自动依赖引入官方图标插件 
 <a href="https://ext.dcloud.net.cn/plugin?id=28" target="_blank">uni-icons</a>
 <br >
@@ -11,32 +11,32 @@
 
 ``` javascript
 <template>
-    <view class="container">
-        <vrapile-cut-image :avatar="imageSrc" @save="save"></vrapile-cut-image>
-    </view>
+  <view class="container">
+    <vrapile-cut-image :avatar="imageSrc" @save="save"></vrapile-cut-image>
+  </view>
 </template>
 
 <script>
-  // import { uploadAvatar } from "@/api/system/user"
-    export default {
-        data() {
-            return {
-                imageSrc: "",
-            }
-        },
-        created() {
-            // 初始化一个图片地址
-            this.imageSrc = "https://minio.ninecloud.top/prod/2024/08/05/67a593d2c2f24f188163b4712100c227.jpg";
-        },
-        methods: {
-            save(e){
-                console.log(e.avatar)
-                // uploadAvatar({
-                //     filePath: e.avatar,
-                // })
-            },
-        }
+  // import { uploadAvatar } from "@/api/system/user.js"
+  export default {
+    data() {
+      return {
+        imageSrc: "",
+      }
+    },
+    created() {
+      // 初始化一个图片地址
+      this.imageSrc = "https://minio.ninecloud.top/prod/2024/08/05/67a593d2c2f24f188163b4712100c227.jpg";
+    },
+    methods: {
+      save(e){
+        console.log(e.avatar)
+        // uploadAvatar({
+        //   filePath: e.avatar,
+        // })
+      },
     }
+  }
 </script>
 ```
 <br >
@@ -46,7 +46,7 @@
 
 * 入参 *avatar* ：非必传，可传一个初始的图片地址，可以是网络图片地址，也可以是本地图片路径
 
-    <font color=red>注：微信小程序在初始化时只支持 *https* 的地址</font>
+  <font color=red>注：微信小程序在初始化时只支持 *https* 的地址</font>
 
 * 回调函数 *save* ：内容是Json格式，其中avatar的值是裁剪后图片，格式为 *data:image/png;base64,*
 <br >