fuint-uniapp-master/pages/my-coupon/index.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <view class="container">
    <mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ use: false }" :up="upOption"
      @up="upCallback">

      <!-- tab栏 -->
      <u-tabs :list="tabs" :is-scroll="false" :current="curTab" active-color="#FA2209" :duration="0.2" @change="onChangeTab" />

      <!-- 卡券列表 -->
	  <view class="goods-list">
		  <view class="goods-item" v-for="(item, index) in list.content" :key="index">
			<!-- 单列卡券 -->
			<view class="dis-flex" @click="onDetail(item.id, item.type)">
			    <!-- 卡券图片 -->
			    <view class="goods-item_left">
			      <image class="image" :src="item.image"></image>
			    </view>
			    <view class="goods-item_right">
			      <!-- 卡券名称 -->
			      <view class="goods-name twolist-hidden">
			        <text>{{ item.name }}</text>
			      </view>
			      <view class="goods-item_desc">
			        <!-- 卡券卖点 -->
			        <view class="desc-selling_point dis-flex">
			          <text class="onelist-hidden">{{ item.tips }}</text>
			        </view>
			        <view class="coupon-attr">
						  <view class="attr-l">
							  <view class="desc-goods_sales dis-flex">
								<text>{{ item.effectiveDate }}</text>
							  </view>
							  <view v-if="item.amount > 0" class="desc_footer">
								<text class="price_x">¥{{ item.amount }}</text>
							  </view>
						  </view>
			        </view>
			      </view>
			    </view>
			  </view>
          </view>
		  <empty v-if="!list.content.length" :isLoading="isLoading" :custom-style="{ padding: '180rpx 50rpx' }" tips="当前没有卡券, 快去逛逛吧">
		    <view slot="slot" class="empty-ipt" @click="onTargetIndex">
		      <text>去逛逛</text>
		    </view>
		  </empty>
	  </view>
    </mescroll-body>
  </view>
</template>

<script>
  import MescrollBody from '@/components/mescroll-uni/mescroll-body.vue'
  import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins'
  import { getEmptyPaginateObj, getMoreListData } from '@/utils/app'
  import * as MyCouponApi from '@/api/myCoupon'
  import { CouponTypeEnum } from '@/common/enum/coupon'
  import Empty from '@/components/empty'

  const color = ['red', 'blue', 'violet', 'yellow']