style

src/assets/svg/icon-send-giveaways-mark.svg

@@ -0,0 +1,4 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 8.5C17 3.80558 13.1944 0 8.5 0C3.80558 0 0 3.80558 0 8.5C0 13.1944 3.80558 17 8.5 17C13.1944 17 17 13.1944 17 8.5Z" fill="#FFB443"/>
+<path d="M9.63158 5.9V3.5L13.5 7.7L9.63158 11.9V9.44C6.86842 9.44 4.93421 10.4 3.55263 12.5C4.10526 9.5 5.76316 6.5 9.63158 5.9Z" fill="white"/>
+</svg>

src/view/popup/tabbar-page/message/index.vue

@@ -31,6 +31,10 @@
                     class="icon-big-give"
                     :src="require('@/assets/svg/icon-send-giveaways-s.svg')"
                   />
+                  <img
+                    class="icon-mark-give"
+                    :src="require('@/assets/svg/icon-send-giveaways-mark.svg')"
+                  />
                 </template>
               </div>
               <div
@@ -580,6 +584,7 @@ onBeforeUnmount(() => {
 
           .img-wrapper {
             position: relative;
+            width: 38px;
             margin-right: 16px;
             box-sizing: border-box;
 
@@ -599,8 +604,16 @@ onBeforeUnmount(() => {
             }
 
             .icon-big-give {
-              margin-left: -4px;
               margin-top: 12px;
+              width: 34px;
+            }
+
+            .icon-mark-give {
+                position: absolute;
+                right: -2px;
+                top: 31px;
+                width: 16px;
+                height: 16px;
             }
           }