app/pointExchange/index.wxml

<view>
	<view class="top-bg" style="background-image:url({{appAssetsUrl}}/images/pointExchange/bg.png);padding-top:{{statusBarMH}}">
		<view class="title-box">
			<view class="left" bindtap="back">
				<image mode="widthFix" src="{{appAssetsUrl}}/images/left-arrow.png"></image>
			</view>
			<view class="right">
				积分兑换
			</view>
		</view>
		<view class="point">{{totalScore}}</view>
		<view class="tip">剩余积分</view>
		<view class="content">
			<view class="tool-box">
				<view wx:for="{{tools}}" class="tool" bindtap="goTool" data-index="{{index}}">
					<image mode="widthFix" src="{{appAssetsUrl}}/images/pointExchange/tool{{index+1}}.png"></image>
					<view>{{item.text}}</view>
				</view>
			</view>
			<view class="namewrap">
				<scroll-view scroll-x scroll-with-animation scroll-left="{{navScrollWidth}}" class="item-box">
					<view class="nameitem {{typeListIndex == index ? 'nameactive' : ''}}" wx:for="{{typeList}}"
						bindtap="switchType" data-index="{{index}}">
						<image mode="widthFix" src="{{appAssetsUrl}}/images/active_line.png"
							style="width: 55rpx;position: absolute;top: 50rpx;left: calc(50% + 10rpx);transform: translateX(-50%);display: {{typeListIndex == index?'block':'none'}};">
						</image>
						{{item.typeName}}
					</view>
				</scroll-view>
			</view>
			<scroll-view scroll-y style="height: calc(100vh - 650rpx);" bindscrolltolower="bindscrolltolower">
				<view wx:for="{{listData}}" class="card" data-id="{{item.id}}" bindtap="toDatail">
					<image mode="aspectFill" src="{{item.homeUrl}}" class="head"></image>
					<view class="right">
						<view class="title">{{item.productName}}</view>
						<view class="tip">{{item.storeName}}</view>
						<view class="addr">
							<i class="iconfont icon-dizhi icon-home-dizhi"></i>
							<text class="area" style="margin-left:10rpx">{{item.addr}}</text>
						</view>
						<view class="sub">
							<text>积分：</text>
							<text class="red">{{item.needScore}}</text>
						</view>
						<button class="btn" catchtap="showPopup" data-name="popup" data-id="{{item.id}}" data-needScore="{{item.needScore}}">确认兑换</button>
					</view>
				</view>
				<block wx:if="{{listData.length<=0}}">
					<view class='tc h100'>
						<image src="{{nodata}}" class='nodata-img'></image>
					</view>
				</block>
			</scroll-view>
		</view>
	</view>
</view>
<popup2 id='popup' title='确认兑换' btn_no='取消兑换' btn_ok='确定兑换' bind:error="_error"
	bind:success="useCoupon" data-name="popup">
	<view slot="content" style="width: 70%;text-align: left;padding: 44rpx 0 38rpx 0;">
		<view>剩余总积分：{{totalScore}}</view>
		<view>兑换当前卡券所需积分：{{itemData.needScore}}</view>
	</view>
</popup2>
<popup2 id='popup2' title='兑换成功' btn_no='等会儿去' btn_ok='立即查看' bind:error="_error"
	bind:success="toPointExchangeByMe" data-name="popup2">
	<view slot="content" style="width: 85%;text-align: left;padding: 44rpx 0 38rpx 0;">
		<image mode="widthFix" src="{{appAssetsUrl}}/images/success-icon.png" class="success-icon"></image>
		<view class="top-tip">恭喜您兑换成功</view>
		<view class="bottom-tip">可以在我的兑换中查看已兑换的物品</view>
	</view>
</popup2>
<!-- <button class="custCare" open-type="contact" session-from="sessionFrom">
	<image mode="aspectFill" src="{{appAssetsUrl}}/images/custCare.png"></image>
</button> -->