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

这里只显示每个文件的开头 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.type == 'P'" class="balance">
			  <view class="label">余额：<span class="amount">￥{{ detail.amount }}</span></view>
		  </view>
		  <view class="time">有效期：{{ detail.effectiveDate }}</view>
		  <view class="gift" @click="give()"><text>转赠好友</text></view>
		</view>
	</view>
    <view class="coupon-qr">
      <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">
	   <uni-popup ref="givePopup" type="dialog">
		  <uni-popup-dialog mode="input" title="转赠给好友" type="info" placeholder="输入好友手机号码" :before-close="true" @close="cancelGive" @confirm="doGive"></uni-popup-dialog>
	   </uni-popup>
	</view>
  </view>
</template>

<script>
  import jyfParser from '@/components/jyf-parser/jyf-parser'
  import Shortcut from '@/components/shortcut'
  import * as myCouponApi from '@/api/myCoupon'
  import * as giveApi from '@/api/give'

  export default {
    components: {
      Shortcut
    },
    data() {
      return {
        // 卡券ID
        couponId: null,
        // 加载中
        isLoading: true,
        // 卡券详情
        detail: null,
		qrCode: ""