图标阴影

pages/index/cloud/userInfo.vue

@@ -153,15 +153,24 @@ export default {
             border-radius: 5px;
             box-sizing: border-box;
             padding: 5px;
-
+            position: relative;
+            display: flex;
+            flex-direction: column;
             &:nth-child(1),
             &:nth-child(2) {
                 margin-right: 5px;
             }
-
-            display: flex;
-            flex-direction: column;
-
+            &::after {
+                content: '';
+                width: 5px;
+                height: 5px;
+                border-radius: 50%;
+                position: absolute;
+                left: 50%;
+                top: 50%;
+                box-shadow: 5px 0px 20px 10px rgb(221, 221, 221);
+                z-index: -1;
+            }
             .image {
                 width: 32px;
                 height: 32px;

static/workbench/咨询消息.svg

@@ -3,21 +3,18 @@
 <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"
 	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
 <style type="text/css">
-	.st0{fill:url(#SVGID_1_);}
-	.st1{fill:#FFFFFF;}
+	.st0{fill:none;}
+	.st1{fill:url(#SVGID_1_);}
+	.st2{fill:#FFFFFF;}
 </style>
-<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-45.6025" y1="83.3846" x2="-45.5975" y2="84.3846" gradientTransform="matrix(30 0 0 -26 1383 2194)">
-	<stop  offset="0" style="stop-color:#C30D23"/>
-	<stop  offset="1" style="stop-color:#FE7D8C"/>
+<rect class="st0" width="32" height="32"/>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-345.5667" y1="659" x2="-345.5667" y2="658" gradientTransform="matrix(30 0 0 -26 10382 17134)">
+	<stop  offset="0" style="stop-color:#FE7D8C"/>
+	<stop  offset="1" style="stop-color:#C30D23"/>
 </linearGradient>
-<ellipse class="st0" cx="15" cy="13" rx="15" ry="13"/>
-<g transform="matrix(1, 0, 0, 1, 78.5, 604)">
-	<path class="st1" d="M-48-572c-1.3,0-2.6-0.3-3.8-0.8c-0.2-0.1-0.5-0.2-0.7-0.3h0c-0.6-0.3-1.2-0.5-1.8-0.6c-0.1,0-0.2,0-0.4,0.1
-		c-2.2,1-4.5,1.4-6.9,1.4c-3.9,0-7.6-1.3-10.6-3.8c-2.7-2.3-4.4-5.6-4.4-9.2c0-3.6,1.6-6.9,4.4-9.2c3-2.5,6.7-3.9,10.6-3.8
-		c3.9,0,7.6,1.3,10.6,3.8c2.7,2.3,4.4,5.6,4.4,9.2c0,2.8-1,5.4-2.8,7.6c-0.1,1.2,0.2,2.5,0.8,3.5c0.5,0.8,1.2,1.4,2,1.9
-		C-47-572-47.5-572-48-572z M-54-587.2c-1.4,0-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5l0,0c1.4,0,2.5-1.1,2.5-2.5l0,0
-		C-51.5-586-52.6-587.2-54-587.2z M-61-587.2c-1.4,0-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5l0,0c1.4,0,2.5-1.1,2.5-2.5l0,0
-		C-58.5-586-59.6-587.2-61-587.2z M-68-587.2c-1.4,0-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5l0,0c1.4,0,2.5-1.1,2.5-2.5l0,0
-		C-65.5-586-66.6-587.2-68-587.2z"/>
-</g>
+<path class="st1" d="M5,0h20c2.8,0,5,2.2,5,5v16c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z"/>
+<path class="st2" d="M17.9,32L17.9,32l-2.7-3.2H8c-2.7,0-5-2.2-5-5V11C3,8.2,5.3,6,8,6h19c2.7,0,5,2.2,5,4.9v12.9c0,2.7-2.3,5-5,5
+	h-6.9L17.9,32L17.9,32z M25.5,15c-1.4,0-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5s2.5-1.1,2.5-2.5S26.9,15,25.5,15C25.5,15,25.5,15,25.5,15
+	L25.5,15z M17.5,15c-1.4,0-2.5,1.1-2.5,2.5s1.1,2.5,2.5,2.5s2.5-1.1,2.5-2.5S18.9,15,17.5,15C17.5,15,17.5,15,17.5,15L17.5,15z
+	 M9.5,15C8.1,15,7,16.1,7,17.5S8.1,20,9.5,20s2.5-1.1,2.5-2.5S10.9,15,9.5,15C9.5,15,9.5,15,9.5,15L9.5,15z"/>
 </svg>