renshou/mine/couponsDet/couponsDet.vue

<template>
<view>
<view class="top">
	<view class="fn48">未使用</view>
	<view class="fn24 mag10">使用日期：2020.05.19-2020.05.31</view>
</view>
<view class="con">
	<view class="content">
		<image src="/static/pages/images/yhq_det.png" class="background"></image>
		<view class="lits dflex">
			<view class="left"><text>￥</text><text class="jine">40{{item.couponAmount}}</text>元</view>
			<view class="tong flex">
				<view class="fnwit">{{item.couponType === 1 ? '满减券' : '代金券'}}</view>
				<text>{{item.couponBrief}}订单满200元可用</text>
			</view>
		</view>
		<!-- <view class="tiaoxingma">
			<image src="/static/pages/images/tiaoxma.png" class="tiaoxima"></image>
			<view>058695649895115</view>
			<image src="/static/pages/images/xcx.png" class="xcx"></image>
			<view>请向工作人员出示</view>
		</view> -->
	</view>
</view>
<view class="footer">
	<view class="fnwit fn30">使用说明</view>
	<view class="mag30 fn28 fnc99">适用范围:</view>
</view>
</view>
</template>

<script>

export default {
  data() {
    return {};
  },

  components: {},
  props: {},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {},

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},
  methods: {}
};
</script>
<style>
@import "./couponsDet.css";
</style>