增加压缩图片的菜单

package.json

@@ -23,6 +23,7 @@
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "path-to-regexp": "2.4.0",
+    "shrinkpng": "^1.2.0-beta.1",
     "vue": "2.6.10",
     "vue-awesome-swiper": "^3.1.3",
     "vue-quill-editor": "^3.0.6",

src/utils/addRouter.js

@@ -189,6 +189,15 @@ export function addRouter() {
           icon: 'log'
         }
       },
+      {
+        path: 'compress',
+        name: 'Compress',
+        component: () => import('@/views/compress/index'),
+        meta: {
+          title: '图片压缩',
+          icon: 'log'
+        }
+      },
       ]
     },
   ]

src/views/compress/index.vue

+<template>
+  <div>
+    <div class="upload">
+      <el-upload
+        class="upload-demo"
+        drag
+        action="https://jsonplaceholder.typicode.com/posts/"
+        multiple
+      >
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <div class="el-upload__tip" slot="tip">
+          只能上传jpg/png文件，且不超过500kb
+        </div>
+      </el-upload>
+    </div>
+    <div class="ratio">
+        
+    </div>
+    <div class="button"></div>
+  </div>
+</template>
+
+<script setup>
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file