add header pic icons

src/components/layouts/Header.vue

@@ -4,6 +4,8 @@ import { Search, Promotion, Avatar } from '@element-plus/icons-vue'
 import { useUser } from '~/store/user.js'
 import ActivateMembership from '~/components/ActivateMembership/index.vue'
 
+import { getPicUrl } from '~/utils/util'
+
 import SvgIcon from '~/components/SvgIcon/index.vue'
 const user = useUser()
 
@@ -12,27 +14,30 @@ const keyword = ref('') // Search keyword
 const momentList = ref([
   {
     label: '论坛',
-    icon: '~/assets/cicons/',
+    icon: getPicUrl('../../assets/cicons/send-01.png', import.meta.url),
     type: '', // 类型跳转发布时的type
   },
   {
     label: '文章',
-    icon: '~/assets/cicons/',
+    icon: getPicUrl('../../assets/cicons/send-02.png', import.meta.url),
+
     type: '', // 类型跳转发布时的type
   },
   {
     label: '咨询',
-    icon: '~/assets/cicons/',
+    icon: getPicUrl('../../assets/cicons/send-03.png', import.meta.url),
+
     type: '', // 类型跳转发布时的type
   },
   {
     label: '视频',
-    icon: '~/assets/cicons/',
+    icon: getPicUrl('../../assets/cicons/send-04.png', import.meta.url),
+
     type: '', // 类型跳转发布时的type
   },
   {
     label: '草稿箱',
-    icon: '~/assets/cicons/',
+    icon: getPicUrl('../../assets/cicons/send-05.png', import.meta.url),
     type: '', // 类型跳转发布时的type
   }
 ])
@@ -378,11 +383,21 @@ const handleClickMoment = moment => {
       li {
         user-select: none;
         cursor: pointer;
-        line-height: 33px;
+        padding: 8px 7px;
 
         .icon {
+          width: 22px;
+          height: 22px;
           margin-right: 10px;
         }
+
+        &:nth-child(4) {
+          border-bottom: 1px solid #EAEAEA;
+        }
+
+        &:last-child {
+          padding-bottom: initial;
+        }
       }
     }
   }