修改版本

package-lock.json

@@ -34,7 +34,7 @@
         "vant": "^3.4.6",
         "vconsole": "^3.14.6",
         "vue": "^3.2.26",
-        "vue-cropper": "^1.0.3",
+        "vue-cropper": "^1.1.1",
         "vue-echarts": "^6.2.3",
         "vue-router": "^4.0.12",
         "vue3-lottie": "^2.3.0",
@@ -9642,10 +9642,9 @@
       }
     },
     "node_modules/vue-cropper": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmmirror.com/vue-cropper/-/vue-cropper-1.0.3.tgz",
-      "integrity": "sha512-yDrZkE4H5vOiMA9WQHE+6rmXrZ1S9TMZasEPAZPKg/2I/nySHL4ECD1lNxt7+ofTPKT+9+2sQkCwagPqEqiqJg==",
-      "license": "ISC"
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/vue-cropper/-/vue-cropper-1.1.1.tgz",
+      "integrity": "sha512-WsqKMpaBf9Osi1LQlE/5AKdD0nHWOy1asLXocaG8NomOWO07jiZi968+/PbMmnD0QbPJOumDQaGuGa13qys85A=="
     },
     "node_modules/vue-demi": {
       "version": "0.13.2",
@@ -16739,9 +16738,9 @@
       }
     },
     "vue-cropper": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmmirror.com/vue-cropper/-/vue-cropper-1.0.3.tgz",
-      "integrity": "sha512-yDrZkE4H5vOiMA9WQHE+6rmXrZ1S9TMZasEPAZPKg/2I/nySHL4ECD1lNxt7+ofTPKT+9+2sQkCwagPqEqiqJg=="
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/vue-cropper/-/vue-cropper-1.1.1.tgz",
+      "integrity": "sha512-WsqKMpaBf9Osi1LQlE/5AKdD0nHWOy1asLXocaG8NomOWO07jiZi968+/PbMmnD0QbPJOumDQaGuGa13qys85A=="
     },
     "vue-demi": {
       "version": "0.13.2",

package.json

@@ -47,7 +47,7 @@
     "vant": "^3.4.6",
     "vconsole": "^3.14.6",
     "vue": "^3.2.26",
-    "vue-cropper": "^1.0.3",
+    "vue-cropper": "^1.1.1",
     "vue-echarts": "^6.2.3",
     "vue-router": "^4.0.12",
     "vue3-lottie": "^2.3.0",

src/components/col-cropper/index.tsx

@@ -306,6 +306,7 @@ export default defineComponent({
       })
     },
     async upPhoto(e: any) {
+      conosle.log(e, 'upload')
       const photoUrl = e.target.files[0]
       ;(this as any).$refs.headInput.value = null
       if (photoUrl != undefined) {

src/views/creation/index.module.less

@@ -298,7 +298,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    max-width: 100%;
+    max-width: 230px;
 
     .musicTag {
       margin-right: 6px;

yarn.lock

@@ -5092,10 +5092,10 @@
     "vscode-pug-languageservice" "0.29.8"
     "vscode-typescript-languageservice" "0.29.8"
 
-"vue-cropper@^1.0.3":
-  "integrity" "sha512-yDrZkE4H5vOiMA9WQHE+6rmXrZ1S9TMZasEPAZPKg/2I/nySHL4ECD1lNxt7+ofTPKT+9+2sQkCwagPqEqiqJg=="
-  "resolved" "https://registry.npmmirror.com/vue-cropper/-/vue-cropper-1.0.3.tgz"
-  "version" "1.0.3"
+"vue-cropper@^1.1.1":
+  "integrity" "sha512-WsqKMpaBf9Osi1LQlE/5AKdD0nHWOy1asLXocaG8NomOWO07jiZi968+/PbMmnD0QbPJOumDQaGuGa13qys85A=="
+  "resolved" "https://registry.npmmirror.com/vue-cropper/-/vue-cropper-1.1.1.tgz"
+  "version" "1.1.1"
 
 "vue-demi@*", "vue-demi@^0.13.2":
   "integrity" "sha512-41ukrclEbMddAyP7PvxMSYqnOSzPV6r7GNnyTSKSCNTaz19GehxmTiXyP9kwHSUv2+Dr6hHqiUiF7L1VAw2KdQ=="