会员中心优惠券显示条形码

taiyuan
1 parent ad77b609
Showing 3 changed files with 15 additions and 68 deletions
pages/user/coupons/coupons.js
pages/user/coupons/coupons.wxml
pages/user/coupons/coupons.wxss
@@ -188,7 +188,7 @@ Page({
 	 */
 	qrcode:function(val){
 	  // console.log(val);
-	  // barcode('barcode', val, 600,160);
+	  barcode('barcode', val, 600,160);
 	  qrcode('qrcode', val, 300, 300);
 	},
@@ -166,13 +166,17 @@
 			</block>
 		</view>
 		<view class="pdt20 c-fe0000"><text class="rmb fs80" wx:if="{{details[useIndex].isby != 1}}">{{filter.getNum(details[useIndex].Sum)}}</text></view>
-		<!-- <img src="" alt="" class="img-qr"/> -->
+		<!-- 条形码 -->
+		<view class="bar-container">
+			<canvas class="barcode" canvas-id="barcode"/>
+			<view class="pdt20 fs26" wx:if="{{details[useIndex].CashRepNo}}">{{details[useIndex].CashRepNo}}</view>
+			<view class="pdt20 fs26" wx:else>{{details[useIndex].no}}</view>
+		</view>
+		<!-- 二维码 -->
 		<view class="qr-container">
 		  <canvas class="qrcode" canvas-id="qrcode"/>
 		</view>
-		<view class="pdt20 pdb10 fs26" wx:if="{{details[useIndex].CashRepNo}}">{{details[useIndex].CashRepNo}}</view>
-		<view class="pdt20 pdb10 fs26" wx:else>{{details[useIndex].no}}</view>
-		<view class="pdv30 c-7b fs26 bdt">
+		<view class="pdb30 c-7b fs26 bdt">
 			<text  wx:if="{{details[useIndex].ValidDate}}" class="ellipsis-1x">有效期:{{details[useIndex].BeginDate==null ? " " : time.replace_time2(details[useIndex].BeginDate)}} 至 {{time.replace_time2(details[useIndex].ValidDate)}}</text>
 			<text  wx:elif="{{details[useIndex].use_end_time}}" class="ellipsis-1x">有效期:{{details[useIndex].use_start_time==null ? " " : time.format_time(details[useIndex].use_start_time)}} 至 {{time.format_time(details[useIndex].use_end_time)}}</text>
 			<text wx:else>有效期:不限</text>
@@ -181,62 +185,5 @@
 </view>
-<!-- <block wx:for="{{details}}" wx:for-index="idx" wx:for-item="detail">
-	
-	<block wx:if="{{detail.isby}}"> -->
-		<!-- 判断有没有数据有显示没有不显示 -->
-		 <!-- <view class="data" data-cashrepno='{{detail.no}}' bindtap='click'>
-		   <view class="code_rim">
-		    <canvas class="code" canvas-id="qrcode{{idx}}" />
-		    <view class="code_val">{{detail.no}}</view>
-		  </view>
-		 
-		  <view class="moneys">包邮券</view>
-		   <view class="car-rim">
-		  <view class="text">微券来源: 微信商城</view>
-		  <view wx:if="{{detail.use_end_time!=null}}"> -->
-		    <!-- 不指定格式则默认输出：yyyy-MM-dd hh:mm:ss 格式 -->
-		    <!-- <view class="text">有效期:
-		     {{detail.use_start_time==null?" " : time.format_time(detail.use_start_time)}}
-		     至 {{  time.format_time(detail.use_end_time)}}</view>
-		  </view>
-		  <view wx:else>
-		    <view class="text">有效期: 不限</view>
-		  </view>
-		  <view class="textss">使用说明: 包邮券,全场通用,满 {{detail.condition}}元使用{{detail.title?",不包邮地区:"+detail.title:""}}
-		  </view>
-		</view>
-		</view>
-		
-		
-		
-	</block>
-	<block wx:else> -->
-     <!-- 判断有没有数据有显示没有不显示 -->
-     <!-- <view class="data" data-cashrepno='{{detail.CashRepNo}}' bindtap='click'>
-       <view class="code_rim">
-        <canvas class="code" canvas-id="qrcode{{idx}}" />
-        <view class="code_val">{{detail.CashRepNo}}</view>
-      </view>
-     
-      <view class="moneys">{{filter.getNum(detail.Sum)}}元微券</view>
-       <view class="car-rim">
-      <view class="text">
-       微券来源:  {{detail.SendMan==null?'线下发放':detail.SendMan==''?"线下发放":detail.SendMan}}</view>
-      <view wx:if="{{detail.ValidDate!=null}}"> -->
-        <!-- 不指定格式则默认输出：yyyy-MM-dd hh:mm:ss 格式 -->
-        <!-- <view class="text">有效期:
-         {{detail.BeginDate==null?" " : time.replace_time2(detail.BeginDate)}}
-         至 {{  time.replace_time2(detail.ValidDate)}}</view>
-      </view>
-      <view wx:else>
-        <view class="text">有效期: 不限</view>
-      </view>
-      <view wx:if="{{detail.Remark1}}" class="textss"> {{filter.getNum(detail.Sum)}}元优惠券,{{(detail.UseObjectID==null || detail.UseObjectID=='')?"全场通用":"仅限"+(detail.UseObjectName)+"使用"}},满 {{detail.BuySum==null || detail.BuySum==''?filter.getNum(0):filter.getNum(detail.BuySum)}}元使用 {{detail.region_list_name==null || detail.region_list_name==''?"":",不包邮地区:"+region_list_name}};{{detail.Remark}}</view>	
-      <view wx:else class="textss">使用说明: {{filter.getNum(detail.Sum)}}元优惠券,{{(detail.UseObjectID==null || detail.UseObjectID=='')?"全场通用":"仅限"+(detail.UseObjectName)+"使用"}},满 {{detail.BuySum==null || detail.BuySum==''?filter.getNum(0):filter.getNum(detail.BuySum)}}元使用 {{detail.region_list_name==null || detail.region_list_name==''?"":",不包邮地区:"+region_list_name}}
-      </view>
-    </view>
-    </view>
-	</block>
-</block> -->
+
@@ -322,12 +322,12 @@ color:#999999;
   font-family:'SimHei',Arial;
 }
 /* 点击条形 */
+.bar-container {
+	padding: 20rpx;
+}
 .barcode {
-    height: 320rpx;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    margin-left: 30rpx;
+	width: 100%;
+	height: 100rpx;
 }
 /* 二维码边框*/
 .qrcode_rim {