[edit][svg]

src/assets/svg/icon-messgae.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.4 1.5H6.6C5.8646 1.5 5.1364 1.64485 4.45697 1.92627C3.77755 2.2077 3.16021 2.62019 2.6402 3.1402C2.12019 3.66021 1.7077 4.27755 1.42627 4.95697C1.14485 5.6364 1 6.3646 1 7.1C1 11.65 5.9 13.75 9.4 15.15V12.7C10.8852 12.7 12.3096 12.11 13.3598 11.0598C14.41 10.0096 15 8.58521 15 7.1C15 5.61479 14.41 4.19041 13.3598 3.1402C12.3096 2.09 10.8852 1.5 9.4 1.5ZM5 8C5.55228 8 6 7.55228 6 7C6 6.44772 5.55228 6 5 6C4.44772 6 4 6.44772 4 7C4 7.55228 4.44772 8 5 8ZM9 7C9 7.55228 8.55228 8 8 8C7.44772 8 7 7.55228 7 7C7 6.44772 7.44772 6 8 6C8.55228 6 9 6.44772 9 7ZM11 8C11.5523 8 12 7.55228 12 7C12 6.44772 11.5523 6 11 6C10.4477 6 10 6.44772 10 7C10 7.55228 10.4477 8 11 8Z" fill="white"/>
+</svg>

src/assets/svg/icon-user.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 8C9.69225 8 11.0625 6.62975 11.0625 4.9375C11.0625 3.24525 9.69225 1.875 8 1.875C7.59779 1.87489 7.19951 1.95402 6.8279 2.10788C6.45628 2.26175 6.11863 2.48733 5.83423 2.77173C5.54983 3.05613 5.32425 3.39378 5.17038 3.7654C5.01652 4.13701 4.93739 4.53529 4.9375 4.9375C4.9375 6.62975 6.30775 8 8 8ZM8 8.875C5.956 8.875 1.875 10.0475 1.875 12.375V14.125H14.125V12.375C14.125 10.0475 10.044 8.875 8 8.875Z" fill="white"/>
+</svg>

src/view/iframe/group-card/card.vue

@@ -10,12 +10,12 @@
                 </p>
                 <div style="display: flex; ">
                     <div style="display: flex; align-items: center;">
-                        <img :src="require('@/assets/img/icon-user.png')"
+                        <img :src="require('@/assets/svg/icon-user.svg')"
                             style="width:16px;height:16px; margin-right: 5px;" alt="" />
                         <span style="color: #fff;">{{ state.data.memberCount }} Member</span>
                     </div>
                     <div style="display: flex; align-items: center; margin-left: 17px;">
-                        <img :src="require('@/assets/img/icon-messgae.png')"
+                        <img :src="require('@/assets/svg/icon-messgae.svg')"
                             style="width:16px;height:16px; margin-right: 5px;" alt="" />
                         <span style="color: #fff;">{{ state.data.postCount }} Posts</span>
 
@@ -28,7 +28,7 @@
             <div v-show="state.show == 'post'" style="width: 140px; height: 40px; display:flex; align-items: center; justify-content: center; background: #1D9BF0; border-radius: 50px;
                 cursor: pointer;
                 " @click="clickPost">
-                <img :src="require('@/assets/img/icon-messgae.png')" style="width:16px;height:16px;" alt="">
+                <img :src="require('@/assets/svg/icon-messgae.svg')" style="width:16px;height:16px;" alt="">
                 <span style="margin-left: 7px; font-size: 15px;font-weight: 700; color: #fff; ">Post</span>
             </div>
             <div v-show="state.show == 'join'"