get more

src/view/iframe/publish/components/get-more.vue

@@ -0,0 +1,34 @@
+<template>
+    <div class="getMore">
+        <img width="20" :src=" require('@/assets/svg/icon-big-give.svg') " />
+        <font>Get More Giveaway</font>
+        <img height="20" :src=" require('@/assets/svg/icon-cell-arrow-right.svg') " />
+      </div>
+</template>
+
+<script>
+export default {
+    setup() {
+        
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.getMore {
+    display: flex;
+    height: 50px;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.06);
+    img {
+        margin: 0 5px;
+    }
+    font {
+        color: #000;
+        font-size: 15px;
+        font-weight: 500;
+        line-height: 18px;
+    }
+}
+</style>

src/view/iframe/red-packet/red-packet.vue

@@ -193,7 +193,7 @@
             data.detail.currencySymbol || ''
         }}</div>
       </div>
-      <div class="luck-list" @scroll="handleScroll">
+      <div class="luck-list max" @scroll="handleScroll">
         <div class="luck-item" v-for="item, i in data.detail.allReceived" v-bind:key="i">
           <img v-if="item.simpleUserInfoVO.avatarUrl" :src="item.simpleUserInfoVO.avatarUrl" alt />
           <img v-else :src="require('@/assets/svg/icon-twitter.svg')" alt />
@@ -212,6 +212,7 @@
           </div>
         </div>
       </div>
+      <get-more></get-more>
     </div>
 
 
@@ -245,6 +246,7 @@ import { getPostDetail, getRedPacket, finishRedPacket, oneKeyLike, oneKeyReTweet
 import { getQueryString } from '@/uilts/help.js'
 import { message } from 'ant-design-vue';
 import FontAmount from '@/view/components/font-amount.vue'
+import GetMore from '@/view/iframe/publish/components/get-more.vue'
 import { getChromeStorage } from '@/uilts/chromeExtension.js'
 import Report from "@/log-center/log"
 import { srcPublishSuccess } from '@/http/publishApi'
@@ -938,6 +940,7 @@ body {
   padding: 0;
   width: 375px;
   height: 500px;
+  background-color: unset!important;
 }
 
 .content {
@@ -1146,7 +1149,7 @@ body {
       display: flex;
       justify-content: space-between;
       color: #B0B0B0;
-      border-bottom: 1px solid #D1D1D1;
+      border-bottom: 1px solid #F2F2F2;
 
       div:last-child {
         text-align: right;
@@ -1157,11 +1160,15 @@ body {
       background: #fff;
       overflow: auto;
 
+      &.max {
+        height: 250px;
+      }
+
       .luck-item {
         display: flex;
         padding: 12px 0;
         margin: 0 16px;
-        border-bottom: 1px solid #d1d1d1;
+        border-bottom: 1px solid #F2F2F2;
         justify-content: space-between;
         position: relative;