Kaynağa Gözat

[bug]message ui

jihuaqiang 2 yıl önce
ebeveyn
işleme
763c2b780e
1 değiştirilmiş dosya ile 6 ekleme ve 14 silme
  1. 6 14
      src/view/popup/tabbar-page/message/index.vue

+ 6 - 14
src/view/popup/tabbar-page/message/index.vue

@@ -98,10 +98,10 @@
                         <!-- 已中奖-通用型奖品展示 -->
                         <template v-else>
                           <span class="blance cuntom-prize">
-                            {{item.customizedReward || ''}}
+                            {{item.customizedReward || ''}}<span class="cuntom-prize-icon">X</span>
+                            <span class="cuntom-prize-total">{{item?.postTaskLuckdrop?.totalCount || ''}}</span>
                           </span>
-                          <span  class="cuntom-prize-icon"> X </span>
-                          <span class="cuntom-prize-total">{{item?.postTaskLuckdrop?.totalCount || ''}}</span>
+                          
                         </template>
                       </template>
                       <template v-else-if="item.type == 3">
@@ -665,20 +665,16 @@ onBeforeUnmount(() => {
                   .cuntom-prize {
                     max-width: 130px;
                     word-break: break-word;
-                    align-self: flex-start;
                     text-align: left;
                   }
 
                   .cuntom-prize-icon {
-                    margin: 0  2px;
-                    align-self: flex-start;
+                    color: #000;
                   }
 
                   .cuntom-prize-total {
-                    max-width: 100px;
-                    word-break: inherit;
-                    // word-break: break-word;
-                    align-self: flex-start;
+                    color: #000;
+                    word-break: break-word;
                   }
 
                   .coin-type-wrapper {
@@ -698,10 +694,6 @@ onBeforeUnmount(() => {
                   }
                 }
 
-                .custom-bold {
-                  max-width: 170px;
-                }
-
                 .align-content {
                   flex-direction: column;
                   align-items: flex-end;