代码提交

pages/discountCoupon/components/CouponItem.vue

@@ -91,7 +91,7 @@ const goToProduct = (coupons) => {
 .coupon-item {
   width: 100%;
   aspect-ratio: 682/176;
-  background: url("@/static/background/coupon-bg.png") no-repeat ;
+  background: url("https://b2c-pro-static-dev.zkthink.com/static/background/coupon-bg.png") no-repeat ;
   background-size: 100%;
   padding: 25rpx 60rpx;
   box-sizing: border-box;

pages/discountCoupon/index.vue

@@ -11,10 +11,13 @@ import { onLoad } from '@dcloudio/uni-app'
 import { useRouter } from "@/hooks/useRouter";
 
 const {goBack} = useRouter();
+const {scrollTop} = useScroll()
 import { useDiscountCoupon } from "@/pages/discountCoupon/index.utils";
 import CouponItem from "@/pages/discountCoupon/components/CouponItem.vue";
 import Empty from "@/components/Empty/index.vue"
-import emptyIcon from '@/static/icon/empty/优惠券.png'
+import { emptyCouponIcon } from "@/utils/images";
+import ReturnTop from "@/components/ReturnTop/index.vue";
+import { useScroll } from "@/hooks/useScroll";
 
 const {
   tabList,
@@ -42,20 +45,21 @@ const {
     <!-- coupon list -->
     <view class="coupon-box">
       <template v-if="!showEmpty">
-        <template v-for="item in couponList">
+        <view class="coupon-list" v-for="item in couponList">
           <CouponItem
               :coupons="item"
               :tabType="tabCurrent"
           />
-        </template>
+        </view>
       </template>
       <Empty
-          :iconSrc="emptyIcon"
+          :iconSrc="emptyCouponIcon"
           v-else
       >
         您暂时没有可使用的优惠券~
       </Empty>
     </view>
+    <ReturnTop :scroll-top="scrollTop" />
   </view>
 </template>
 
@@ -76,6 +80,9 @@ const {
     padding: 35rpx;
     box-sizing: border-box;
     width: 100%;
+    .coupon-list {
+      margin-bottom: 24rpx;
+    }
   }
 }