svg图片提交

src/assets/svg/production-management.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill='#fff' d="M4.667,41.32V5.947c0.007-0.12,0.106-0.214,0.227-0.213h30.667c0.221,0,0.398,0.179,0.398,0.4
+	c0,0.004,0,0.009,0,0.013v9.2h2.668v-9.2c0.006-1.693-1.359-3.073-3.055-3.08c-0.018,0-0.035,0-0.053,0H4.854
+	C3.276,3.088,2.007,4.37,2,5.947V41.32c0,1.701,1.379,3.08,3.08,3.08h14.667v-2.668H5.08C4.852,41.732,4.667,41.548,4.667,41.32
+	L4.667,41.32z"/>
+<path d="M6.773,9.8H29.8v2.667H6.773V9.8z M6.507,18.906h12.56v2.667H6.507V18.906z M6.507,28h8.773v2.666H6.507V28z
+	"/>
+<path d="M33.25,44.08h-2.265c-0.454,0-0.885-0.179-1.204-0.497c-0.323-0.323-0.501-0.755-0.501-1.21v-1.331
+	c0-0.183-0.193-0.445-0.366-0.501l-0.038-0.01l-1.758-0.722l-0.041-0.023c-0.16-0.085-0.469-0.038-0.596,0.089l-0.947,0.947
+	c-0.318,0.323-0.75,0.501-1.209,0.501c-0.455,0-0.886-0.178-1.21-0.501l-1.607-1.604c-0.323-0.323-0.501-0.755-0.501-1.209
+	c0-0.455,0.178-0.887,0.501-1.21l0.947-0.946c0.126-0.127,0.173-0.445,0.089-0.609l-0.019-0.038l-0.722-1.753l-0.009-0.037
+	c-0.057-0.174-0.319-0.371-0.502-0.371h-1.331c-0.455,0-0.886-0.178-1.209-0.496c-0.323-0.324-0.501-0.755-0.501-1.21v-2.264
+	c0-0.455,0.178-0.886,0.501-1.21c0.324-0.323,0.755-0.501,1.209-0.501h1.336c0.183,0,0.445-0.192,0.501-0.37l0.009-0.038
+	l0.722-1.753l0.019-0.037c0.084-0.16,0.038-0.474-0.089-0.605l-0.942-0.946c-0.323-0.323-0.501-0.75-0.501-1.21
+	c0-0.459,0.178-0.886,0.501-1.209l1.598-1.599c0.324-0.323,0.755-0.501,1.21-0.501c0.459,0,0.886,0.178,1.209,0.501l0.951,0.947
+	c0.127,0.126,0.441,0.173,0.605,0.089l0.037-0.019l1.754-0.722l0.037-0.009c0.174-0.056,0.365-0.314,0.365-0.501v-1.336
+	c0-0.455,0.178-0.886,0.502-1.209c0.323-0.323,0.75-0.501,1.209-0.501h2.27c0.454,0,0.885,0.178,1.209,0.501
+	c0.323,0.323,0.502,0.75,0.502,1.209v1.336c0,0.183,0.191,0.445,0.369,0.501l0.038,0.009l1.753,0.722l0.037,0.019
+	c0.16,0.084,0.479,0.038,0.605-0.089l0.947-0.947c0.322-0.323,0.754-0.501,1.209-0.501c0.454,0,0.886,0.178,1.204,0.501l1.604,1.604
+	c0.323,0.323,0.502,0.75,0.502,1.209c0,0.455-0.179,0.886-0.502,1.21l-0.947,0.946c-0.126,0.127-0.173,0.445-0.089,0.604
+	l0.019,0.038l0.723,1.753l0.009,0.037c0.057,0.179,0.319,0.371,0.502,0.371h1.331c0.455,0,0.886,0.178,1.209,0.501
+	C45.822,28.193,46,28.62,46,29.08v2.264c0,0.455-0.178,0.886-0.502,1.209c-0.323,0.324-0.75,0.502-1.209,0.502h-1.331
+	c-0.183,0-0.445,0.192-0.502,0.37l-0.009,0.033l-0.736,1.753l-0.019,0.037c-0.085,0.16-0.038,0.479,0.089,0.609l0.947,0.942
+	c0.323,0.323,0.501,0.755,0.501,1.21c0,0.459-0.178,0.886-0.501,1.209l-1.604,1.604c-0.318,0.323-0.745,0.501-1.204,0.501h-0.006
+	c-0.454,0-0.885-0.178-1.209-0.506l-0.941-0.942c-0.127-0.127-0.445-0.174-0.605-0.089l-0.037,0.023l-1.758,0.722l-0.033,0.01
+	c-0.178,0.056-0.37,0.318-0.37,0.501v1.331c0,0.455-0.179,0.887-0.501,1.21C34.132,43.901,33.704,44.08,33.25,44.08z M29.444,38.956
+	c0.857,0.286,1.504,1.177,1.504,2.086v1.331c0,0.015,0.01,0.023,0.01,0.023s0.01,0.01,0.027,0.01h2.265
+	c0.015,0,0.023-0.005,0.028-0.01c0,0,0.01-0.009,0.01-0.023v-1.331c0-0.909,0.642-1.795,1.504-2.086l1.617-0.665
+	c0.811-0.413,1.895-0.244,2.536,0.398l0.942,0.946c0.01,0.01,0.019,0.01,0.023,0.01c0.004,0,0.014,0,0.023-0.01l1.607-1.607
+	c0.01-0.01,0.01-0.015,0.01-0.028c0-0.005,0-0.014-0.01-0.028l-0.946-0.942c-0.643-0.642-0.812-1.725-0.403-2.535l0.665-1.617
+	c0.291-0.858,1.177-1.505,2.086-1.505h1.332c0.014,0,0.019-0.005,0.023-0.01c0.004-0.005,0.009-0.014,0.009-0.023V29.07
+	c0-0.014-0.009-0.023-0.009-0.028c-0.005-0.005-0.01-0.009-0.023-0.009h-1.332c-0.909,0-1.795-0.643-2.086-1.505l-0.665-1.617
+	c-0.408-0.812-0.239-1.89,0.403-2.536l0.946-0.947c0.01-0.009,0.01-0.023,0.01-0.023c0-0.009-0.005-0.019-0.01-0.023l-1.607-1.603
+	c-0.01-0.01-0.02-0.01-0.023-0.01c-0.01,0-0.02,0.005-0.028,0.01l-0.942,0.956c-0.643,0.643-1.725,0.815-2.535,0.403l-1.613-0.666
+	c-0.862-0.291-1.504-1.176-1.504-2.086V18.05c0-0.014-0.01-0.023-0.01-0.023c-0.005-0.004-0.014-0.014-0.023-0.014h-2.27
+	c-0.014,0-0.023,0.004-0.023,0.009c-0.004,0.004-0.009,0.009-0.009,0.023v1.336c0,0.909-0.642,1.8-1.505,2.086l-1.617,0.666
+	c-0.811,0.408-1.894,0.239-2.531-0.403l-0.946-0.942c-0.01-0.009-0.023-0.009-0.028-0.009s-0.015,0-0.028,0.009l-1.603,1.603
+	c-0.009,0.01-0.009,0.019-0.009,0.028c0,0,0,0.009,0.009,0.019l0.947,0.947c0.643,0.642,0.815,1.725,0.403,2.535l-0.666,1.617
+	c-0.286,0.863-1.176,1.505-2.086,1.505h-1.336c-0.014,0-0.023,0.005-0.023,0.01c-0.004,0.005-0.009,0.009-0.009,0.028v2.264
+	c0,0.014,0.009,0.023,0.009,0.028c0,0,0.01,0.009,0.023,0.009h1.336c0.91,0,1.796,0.647,2.086,1.505l0.666,1.617
+	c0.407,0.815,0.239,1.894-0.403,2.536l-0.947,0.942c-0.009,0.009-0.009,0.023-0.009,0.023c0,0.005,0,0.014,0.009,0.028l1.603,1.603
+	c0.01,0.01,0.019,0.01,0.023,0.01s0.014,0,0.023-0.01l0.946-0.946c0.643-0.643,1.721-0.812,2.531-0.398L29.444,38.956z M32.12,36.06
+	c-3.225,0-5.85-2.625-5.85-5.846c0-3.225,2.625-5.85,5.85-5.85s5.85,2.625,5.85,5.85C37.97,33.435,35.345,36.06,32.12,36.06z
+	 M32.12,26.037c-2.301,0-4.176,1.875-4.176,4.177s1.875,4.177,4.176,4.177c2.302,0,4.177-1.87,4.177-4.177
+	C36.297,27.908,34.422,26.037,32.12,26.037z"/>
+</svg>

src/assets/svg/system-management.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path d="M21,41v-4H5.986C4.336,37,3,35.652,3,34.016V7.985C3,6.338,4.35,5,5.986,5h36.029
+	C43.664,5,45,6.347,45,7.985v26.031C45,35.664,43.65,37,42.014,37H27v4h8.497c0.828,0,1.5,0.672,1.5,1.5s-0.672,1.5-1.5,1.5H12.503
+	c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5H21z M6,11.725v20.55C6,33.229,6.672,34,7.5,34h33c0.83,0,1.5-0.772,1.5-1.725v-20.55
+	C42.25,8.833,41.328,8,40.5,8h-33C6.67,8,5.917,8.667,6,11.725z"/>
+<path d="M34.398,19.175h-1.022c-0.467,0-0.96-0.365-1.102-0.811l-0.586-1.423c-0.221-0.412-0.131-1.018,0.199-1.348
+	l0.724-0.723c0.329-0.33,0.329-0.873,0-1.203l-1.205-1.2c-0.33-0.331-0.869-0.331-1.199,0l-0.722,0.722
+	c-0.331,0.331-0.939,0.421-1.353,0.2l-1.418-0.584c-0.446-0.139-0.815-0.634-0.815-1.102v-1.021c0-0.466-0.38-0.851-0.849-0.851
+	h-1.698c-0.468,0-0.851,0.382-0.851,0.851v1.021c0,0.465-0.364,0.963-0.811,1.102l-1.422,0.584c-0.412,0.221-1.018,0.133-1.348-0.2
+	l-0.725-0.722c-0.331-0.331-0.871-0.331-1.2,0l-1.201,1.2c-0.333,0.33-0.333,0.87,0,1.2l0.722,0.723
+	c0.331,0.33,0.421,0.938,0.2,1.348l-0.584,1.425c-0.141,0.445-0.633,0.811-1.102,0.811h-1.021c-0.468,0-0.851,0.382-0.851,0.85
+	v1.698c0,0.468,0.382,0.851,0.851,0.851h1.021c0.468,0.002,0.961,0.365,1.099,0.813l0.587,1.423c0.219,0.412,0.13,1.02-0.2,1.35
+	l-0.724,0.723c-0.331,0.33-0.331,0.868,0,1.202l1.203,1.201c0.33,0.329,0.87,0.329,1.2,0l0.723-0.724
+	c0.327-0.33,0.936-0.418,1.348-0.197l1.425,0.587c0.446,0.138,0.811,0.634,0.811,1.099v1.019c0,0.466,0.382,0.851,0.851,0.851h1.698
+	c0.465,0,0.849-0.382,0.849-0.851v-1.019c0-0.467,0.369-0.961,0.815-1.099l1.423-0.587c0.41-0.221,1.017-0.133,1.349,0.197
+	l0.721,0.724c0.33,0.329,0.872,0.329,1.199,0l1.205-1.201c0.329-0.334,0.329-0.872,0-1.202l-0.724-0.723
+	c-0.33-0.33-0.42-0.938-0.199-1.35l0.586-1.423c0.14-0.447,0.637-0.811,1.102-0.811h1.022c0.464,0,0.847-0.382,0.847-0.851v-1.701
+	C35.245,19.56,34.862,19.175,34.398,19.175z M28.452,20.873c0,2.347-1.899,4.247-4.247,4.247c-2.347,0-4.247-1.9-4.247-4.247
+	c0-2.346,1.9-4.247,4.247-4.247C26.553,16.626,28.452,18.529,28.452,20.873z"/>
+</svg>

src/assets/svg/wms-management.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path d="M26.371,18.537v-2.488c0-1.229-0.996-2.227-2.227-2.227c-1.23,0-2.227,0.997-2.227,2.227l0,0v2.488
+	c-0.818,0.209-1.59,0.536-2.299,0.954l-1.76-1.76c-0.854-0.885-2.265-0.91-3.149-0.054c-0.884,0.855-0.909,2.263-0.054,3.148
+	c0.018,0.019,0.036,0.038,0.054,0.056l1.76,1.759c-0.424,0.718-0.745,1.491-0.953,2.299h-2.488c-1.229,0-2.227,0.997-2.227,2.227
+	c0,1.231,0.997,2.228,2.227,2.228l0,0h2.488c0.209,0.817,0.534,1.59,0.953,2.299l-1.76,1.759c-0.884,0.854-0.909,2.265-0.054,3.148
+	c0.854,0.887,2.265,0.911,3.149,0.056c0.019-0.018,0.037-0.036,0.055-0.056l1.76-1.759c0.708,0.419,1.48,0.745,2.299,0.954v2.488
+	c0,1.229,0.997,2.227,2.227,2.227c1.23,0,2.227-0.998,2.227-2.227v-2.488c0.818-0.209,1.591-0.535,2.299-0.954l1.761,1.759
+	c0.854,0.887,2.265,0.911,3.147,0.056c0.886-0.854,0.91-2.265,0.055-3.149c-0.017-0.019-0.035-0.037-0.055-0.055l-1.759-1.759
+	c0.419-0.709,0.744-1.481,0.953-2.299h2.489c1.229,0,2.227-0.996,2.227-2.228c0-1.229-0.998-2.227-2.227-2.227h-2.489
+	c-0.208-0.808-0.529-1.581-0.953-2.299l1.759-1.759c0.886-0.855,0.91-2.265,0.055-3.149c-0.854-0.885-2.265-0.91-3.148-0.054
+	c-0.019,0.018-0.036,0.037-0.054,0.054l-1.761,1.76C27.953,19.067,27.179,18.745,26.371,18.537z M4.1,20.49
+	c0-2.463,1.595-5.645,3.572-7.1c0,0,14.246-10.724,16.472-10.724s16.494,10.74,16.494,10.74c1.961,1.448,3.551,4.614,3.551,7.082
+	v20.034c0.004,2.458-1.984,4.456-4.443,4.462l0,0H8.543C6.087,44.98,4.097,42.988,4.1,40.53c0-0.003,0-0.006,0-0.009V20.49z
+	 M24.145,31.619c-2.46,0.002-4.455-1.991-4.457-4.451c-0.001-2.461,1.992-4.457,4.453-4.457c0.001,0,0.002,0,0.004,0
+	c2.461,0,4.453,1.996,4.453,4.457C28.595,29.625,26.603,31.618,24.145,31.619z"/>
+</svg>

src/components/svg-icon/svg.vue

@@ -0,0 +1,54 @@
+<template>
+  <!-- svg 渲染本地SVG的静态资源 -->
+  <svg :width="size" :height="size"  :class="` ${className}` ">
+    <use :xlink:href="`#icon-${name}`" ></use>
+  </svg>
+</template>
+<script>
+export default{
+    props:{
+        // SVG 文件名称
+        name:{
+            type:String,
+            required:true,
+        },
+        // 额外类名
+        className:{
+            type:String,
+            default:"",
+        },
+        // SVG 大小
+        size:{
+            type:Number,
+            default:50,
+        }
+    },
+    data(){
+        return{
+
+        }
+    }
+}
+// import { computed } from "vue";
+// const props=defineProps({
+//   // SVG 文件名称
+//   name:{
+//     type:String,
+//     required:true,
+//   },
+//   // 额外类名
+//   className:{
+//     type:String,
+//     default:"",
+//   },
+//   // SVG 大小
+//   size:{
+//     type:Number,
+//     default:50,
+//   }
+ 
+// })
+</script>
+<style scoped lang="less">
+ 
+</style>