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

（开头部分） 8KB

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

<template>
  <view v-if="!isLoading" class="container b-f p-b">
	<view class="base">
		<view class="coupon-image">
			<image class="image" :src="detail.image"></image>
		</view>
		<view class="coupon-title">
		  <view class="name">{{ detail.name }}</view>
		  <view v-if="detail.amount > 0" class="price">
		      <view class="label">
                  面额：<span class="amount">￥{{ detail.amount }}</span>
              </view>
		  </view>
          <view v-if="detail.point > 0" class="point">
              <view class="label">
                  兑换积分：<span class="amount">{{ detail.point }}</span>
              </view>
          </view>
		  <view class="time">有效期：{{ detail.effectiveDate }}</view>
		  <view v-if="detail.code" class="gift" @click="give()"><text>转赠好友</text></view>
		</view>
	</view>
    <view class="coupon-qr" v-if="detail.code">
      <view>
         <image class="image" :src="detail.qrCode"></image>
      </view>
      <view class="qr-code">
          <p class="code">核销码：{{ detail.code }}</p>
		  <p class="tips">请出示以上券码给核销人员</p>
      </view>
    </view>
    <view class="coupon-content m-top20">
		<view class="title">使用须知</view>
        <view class="content"><jyf-parser :html="detail.description"></jyf-parser></view>
    </view>
    <!-- 快捷导航 -->
    <shortcut/>
	<view class="give-popup" v-if="detail.qrCode">
	   <uni-popup ref="givePopup" type="dialog">
		  <uni-popup-dialog mode="input" focus="false" title="转赠给好友" type="info" placeholder="输入好友手机号码" :before-close="true" @close="cancelGive" @confirm="doGive"></uni-popup-dialog>
	   </uni-popup>
	</view>
	<!-- 底部选项卡 -->
	<view v-if="!detail.code && !detail.isReceive" class="footer-fixed">
	  <view class="footer-container">
	    <!-- 操作按钮 -->
	    <view class="foo-item-btn">
	      <view class="btn-wrapper">
	        <view class="btn-item btn-item-main" @click="receive(detail.id)">
	          <text v-if="!detail.point || detail.point < 1">立即领取</text>
              <text v-if="detail.point && detail.point > 0">立即兑换</text>
	        </view>
	      </view>
	    </view>
	  </view>
	</view>
    <view v-if="detail.isReceive" class="footer-fixed">
      <view class="footer-container">
        <!-- 操作按钮 -->
        <view class="foo-item-btn">
后面还有 298 行代码，购买后查看完整代码

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

AI 解读 AI

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

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