fuint-uniapp-master/pages/coupon/list.vue

（开头部分） 12KB

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

<template>
  <mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ native: true }" @down="downCallback"
    :up="upOption" @up="upCallback">
    <!-- 页面头部 -->
    <view class="header">
      <search class="search" :tips="options.search ? options.search : '搜索卡券'" @event="handleSearch" />
    </view>

    <!-- 排序标签 -->
    <view class="store-sort">
      <view class="sort-item" :class="{ active: sortType === 'all' }" @click="handleSortType('all')">
        <text>综合</text>
      </view>
      <view class="sort-item" :class="{ active: sortType === 'sales' }" @click="handleSortType('sales')">
        <text>领取数</text>
      </view>
      <view class="sort-item sort-item-price" :class="{ active: sortType === 'price' }" @click="handleSortType('price')">
        <text>面额</text>
        <view class="price-arrow">
          <view class="icon up" :class="{ active: sortType === 'price' && !sortPrice }">
            <text class="iconfont icon-arrow-up"></text>
          </view>
          <view class="icon down" :class="{ active: sortType === 'price' && sortPrice }">
            <text class="iconfont icon-arrow-down"></text> </view>
        </view>
      </view>
    </view>

    <!-- 卡券列表 -->
    <view class="goods-list clearfix" :class="['column-1']">
      <view class="goods-item" v-for="(item, index) in list.content" :key="index" @click="onTargetDetail(item.id, item.type, item.userCouponId)">
        <view class="dis-flex">
          <!-- 卡券图片 -->
          <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.sellingPoint }}</text>
              </view>
              <view class="coupon-attr">
				  <view class="attr-l">
					  <!-- 卡券销量 -->
					  <view class="desc-goods_sales dis-flex">
					    <text v-if="item.type === 'C'">已领取{{ item.gotNum }}，剩余{{ item.leftNum }}</text>
					    <text v-if="item.type === 'P'">已有{{ item.gotNum }}人预存</text>
					    <text v-if="item.type === 'T'">已有{{ item.gotNum }}人集次，剩余{{ item.leftNum }}</text>
					  </view>
					  <!-- 面额 -->
					  <view v-if="item.amount > 0 && item.type === 'C'" class="desc_footer">
					    <text class="price_x">¥{{ item.amount }}</text>
					  </view>
				  </view>
				  <view class="attr-r">
后面还有 461 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。