commodityDetail.axml 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <view class="all">
  2. <view class="flex-box-ce" style="background:#fff;padding:24rpx">
  3. <image mode="aspectFill" src="{{detail.image}}" class="img" data-url="{{detail.image}}" catchTap="showImg"/>
  4. <view class="flex-box-v flex-1" style="height:300rpx;padding-left:20rpx">
  5. <view class="content fontColorB flex-1">
  6. {{detail.name}}
  7. </view>
  8. <view style="margin-bottom:20rpx" class="flex-box-ce">
  9. <view class="flex-1"> 功勋点: <text class="red">{{detail.price}}</text></view>
  10. </view>
  11. <view class="flex-box-ce">
  12. <text>数量:</text>
  13. <view class="flex-box-ce">
  14. <view class="num" catchTap="active" data-id="1">-</view>
  15. <input class="input" type="number" disabled value="{{val}}" />
  16. <view class="num" data-id="2" catchTap="active">+</view>
  17. </view>
  18. </view>
  19. </view>
  20. </view>
  21. <view class="fontColorB" style="padding:20rpx;background:#fff;padding-bottom:0"> 库存:
  22. <text a:if="{{detail.stock_type == 1}}">不限</text>
  23. <text a:else>{{detail.stock}}</text>
  24. </view>
  25. <view class="fontColorB" style="padding:20rpx;background:#fff"> 奖品描述: {{detail.desc}}</view>
  26. <textarea onBlur="bindTextAreaBlur" placeholder="请输入兑换备注" maxlength="100" style="margin-top:24rpx;padding:24rpx;height:200rpx;margin-bottom:200rpx" />
  27. <button type="primary" class="btn" catchTap="showText" loading="{{disabled}}" disabled="{{disabled}}">立即兑换</button>
  28. <view a:if="{{isBh}}" class="windows" content="还没有积分事件">
  29. <view class="windows-box">
  30. <view class="windows-title">兑换</view>
  31. <view class="flex-box-ce flex-center-center" style="margin-bottom:20rpx;">
  32. <text style="padding-right:20rpx;font-size:36rpx">确认兑换</text>
  33. </view>
  34. <view style="text-align:center;padding:20rpx 0;">
  35. <image src="{{detail.image}}" mode="aspectFill" style="width:260rpx;height:260rpx;border-radius: 10rpx" />
  36. </view>
  37. <view class="windows-content" style="text-align:center">需要花<text class="red">{{num}}</text>功勋点兑换此奖品</view>
  38. <view style="text-align:center;font-size:24rpx;margin-bottom:20rpx" class="fontColorC">
  39. (当前的功勋点为{{gxd}})
  40. </view>
  41. <view class="btns flex-box flex-v-ce">
  42. <view class="flex-1" catchTap="showText">取消</view>
  43. <view class="flex-1" catchTap="openText">确认</view>
  44. </view>
  45. </view>
  46. </view>
  47. </view>