fuint-uniapp-master/components/page/coupon/index.vue

（开头部分） 7KB

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

<template>
  <!-- 卡券组 -->
  <view class="diy-goods" :style="{ background: itemStyle.background }">
    <view class="goods-list" :class="[`display__${itemStyle.display}`, `column__${itemStyle.column}`]">
      <scroll-view :scroll-x="itemStyle.display === 'slide'">
        <view class="goods-item" v-for="(dataItem, index) in dataList" :key="index" @click="onTargetCoupon(dataItem.id, dataItem.type, dataItem.userCouponId)">
          <!-- 单列卡券 -->
          <block>
            <view class="dis-flex">
              <!-- 卡券图片 -->
              <view class="goods-item_left">
                <image class="image" :src="dataItem.image"></image>
              </view>
              <view class="goods-item_right">
                <!-- 卡券名称 -->
                <view class="goods-name twolist-hidden">
                  <text>{{ dataItem.name }}</text>
                </view>
                <view class="goods-item_desc">
                  <!-- 卡券卖点 -->
                  <view class="desc-selling_point dis-flex">
                    <text class="onelist-hidden">{{ dataItem.sellingPoint }}</text>
                  </view>
				  <view class="coupon-attr">
					  <view class="attr-l">
						  <!-- 参与人数 -->
						  <view class="desc-goods_sales dis-flex">
							<text v-if="dataItem.type === 'C'">已领取{{ dataItem.gotNum }}，剩余{{ dataItem.leftNum }}</text>
							<text v-if="dataItem.type === 'P'">已预存{{ dataItem.gotNum }}，剩余{{ dataItem.leftNum }}</text>
							<text v-if="dataItem.type === 'T'">已有{{ dataItem.gotNum }}人集次</text>
						  </view>
						  <!-- 卡券面额 -->
						  <view v-if="dataItem.amount > 0" class="desc_footer">
							<text class="price_x">¥{{ dataItem.amount }}</text>
						  </view>
					  </view>
					  <view class="attr-r">
						  <!--领券按钮-->
						  <view class="receive" v-if="dataItem.type === 'C' && dataItem.isReceive === false">
						  	<text>立即领取</text>
						  </view>
						  <view class="receive state" v-if="dataItem.type === 'C' && dataItem.isReceive === true">
						  	<text>已领取</text>
						  </view>
						  <view class="receive" v-if="dataItem.type === 'P' && dataItem.isReceive === false">
						  	<text>立即预存</text>
						  </view>
						  <view v-if="dataItem.type === 'T' && dataItem.isReceive === false" class="receive">
						  	<text>参与集次</text>
						  </view>
						  <view v-if="dataItem.type === 'T' && dataItem.isReceive === true" class="receive state">
						  	<text>已参与</text>
						  </view>
					  </view>
				  </view>
                </view>
              </view>
            </view>
          </block>
        </view>
后面还有 234 行代码，购买后查看完整代码

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

AI 解读 AI

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

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