修改样式添加裁切

package-lock.json

@@ -29,7 +29,7 @@
         "qrcode": "^1.5.1",
         "qrcode.vue": "^3.3.3",
         "query-string": "^7.1.1",
-        "tcplayer.js": "^5.0.1",
+        "tcplayer.js": "^4.8.0",
         "umi-request": "^1.4.0",
         "vant": "^3.4.6",
         "vconsole": "^3.14.6",
@@ -8941,9 +8941,9 @@
       "license": "MIT"
     },
     "node_modules/tcplayer.js": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmmirror.com/tcplayer.js/-/tcplayer.js-5.0.1.tgz",
-      "integrity": "sha512-CRe4eV6Jfh3USPhW5n2wI9BzUpwC2kZeBk05G9IWMxEe4OqlhFXol0uxo+WE1R21e8dXoHB9VXIg7RqQLTe9qA==",
+      "version": "4.8.0",
+      "resolved": "https://registry.npmmirror.com/tcplayer.js/-/tcplayer.js-4.8.0.tgz",
+      "integrity": "sha512-70nTne/YmLVlInhQ/5KpRfKG46zyu3uKxdT9Am9VVhPSciw+GjONbfZSZwgngK1Z4xtv/hE/U2RIyy5FZjjAWA==",
       "dependencies": {
         "babel-runtime": "^6.9.2",
         "blueimp-md5": "^2.10.0",
@@ -16211,9 +16211,9 @@
       "dev": true
     },
     "tcplayer.js": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmmirror.com/tcplayer.js/-/tcplayer.js-5.0.1.tgz",
-      "integrity": "sha512-CRe4eV6Jfh3USPhW5n2wI9BzUpwC2kZeBk05G9IWMxEe4OqlhFXol0uxo+WE1R21e8dXoHB9VXIg7RqQLTe9qA==",
+      "version": "4.8.0",
+      "resolved": "https://registry.npmmirror.com/tcplayer.js/-/tcplayer.js-4.8.0.tgz",
+      "integrity": "sha512-70nTne/YmLVlInhQ/5KpRfKG46zyu3uKxdT9Am9VVhPSciw+GjONbfZSZwgngK1Z4xtv/hE/U2RIyy5FZjjAWA==",
       "requires": {
         "babel-runtime": "^6.9.2",
         "blueimp-md5": "^2.10.0",

package.json

@@ -42,7 +42,7 @@
     "qrcode": "^1.5.1",
     "qrcode.vue": "^3.3.3",
     "query-string": "^7.1.1",
-    "tcplayer.js": "^5.0.1",
+    "tcplayer.js": "^4.8.0",
     "umi-request": "^1.4.0",
     "vant": "^3.4.6",
     "vconsole": "^3.14.6",

src/views/creation/edit/index.tsx

@@ -78,6 +78,7 @@ export default defineComponent({
             <MUploader
               class={styles.muploader}
               // native
+              cropper
               tips={''}
               deletable={false}
               v-model:modelValue={state.img}

src/views/creation/index.module.less

@@ -296,6 +296,7 @@
       border: 1px solid #FFBF9A;
       font-weight: 400;
       vertical-align: text-bottom;
+      display: inline-block;
     }
   }
 
@@ -473,7 +474,7 @@
     &::before {
       content: '';
       position: absolute;
-      right: -8px;
+      right: -6px;
       top: 3px;
       z-index: 8;
       width: 84px;

vite.config.ts

@@ -12,7 +12,7 @@ function resolve(dir: string) {
 // https://vitejs.dev/config/
 // https://github.com/vitejs/vite/issues/1930 .env
 // const proxyUrl = 'https://online.colexiu.com/';
-const proxyUrl = 'https://dev.colexiu.com/'
+const proxyUrl = 'https://test.colexiu.com/'
 // const proxyUrl = 'http://192.168.3.143:8000/'
 export default defineConfig({
   base: './',

yarn.lock

@@ -4677,10 +4677,10 @@
   "resolved" "https://registry.npmmirror.com/systemjs/-/systemjs-6.12.1.tgz"
   "version" "6.12.1"
 
-"tcplayer.js@^5.0.1":
-  "integrity" "sha512-CRe4eV6Jfh3USPhW5n2wI9BzUpwC2kZeBk05G9IWMxEe4OqlhFXol0uxo+WE1R21e8dXoHB9VXIg7RqQLTe9qA=="
-  "resolved" "https://registry.npmmirror.com/tcplayer.js/-/tcplayer.js-5.0.1.tgz"
-  "version" "5.0.1"
+"tcplayer.js@^4.8.0":
+  "integrity" "sha512-70nTne/YmLVlInhQ/5KpRfKG46zyu3uKxdT9Am9VVhPSciw+GjONbfZSZwgngK1Z4xtv/hE/U2RIyy5FZjjAWA=="
+  "resolved" "https://registry.npmmirror.com/tcplayer.js/-/tcplayer.js-4.8.0.tgz"
+  "version" "4.8.0"
   dependencies:
     "babel-runtime" "^6.9.2"
     "blueimp-md5" "^2.10.0"