Files
cardtest/pages/welfare/welfare.wxml
张慢慢 a7995d90bc [更新]
2021-05-24 13:56:00 +08:00

88 lines
3.4 KiB
Plaintext

<!-- 按钮 -->
<view class="rightsBtn" bindtap="ordinary">
<button disabled="{{disabled}}">立即购买</button>
</view>
<!-- 重要提示 -->
<view class="rightsPoint">
<view class="rightsPoint-cont">
<view class="rightsPoint-top">
<image src="/static/icon/Point_icon.png"></image>
<text>重要提示</text>
</view>
<view class="rightsPoint-text {{pointMoreShow ? 'active' : ''}}">
<rich-text nodes="{{remark}}"></rich-text>
</view>
<view class="pointMore" bindtap="pointMoreTap">
<text>{{pointMoreShow == true ? '收起' : '展开'}}</text>
<image src="{{pointMoreShow == true ? '/static/img/pointMore-up.png' : '/static/img/pointMore.png'}}">
</image>
</view>
</view>
</view>
<view style="padding-bottom: 220px">
<!-- 卡券权益 -->
<view class="welfare">
<view class="welfareCont">
<view class="welfareCont-top">
<image class="welfareCont-list-img" src="{{item}}" mode="aspectFill" wx:for="{{rightData.logos}}"
wx:key="logos"></image>
</view>
<view class="welfareCont-text">
<view class="nowrap welfareCont-title">{{rightData.title}}</view>
<view class="nowrap welfareCont-tips">{{rightData.subtitle}}</view>
</view>
</view>
</view>
<view class="rightsList" style="padding: 0 0 2rpx">
<view class="rightsLabel">
<view class="rightsLabel-left">{{contData.attribute.form_price}}</view>
<view class="rightsLabel-right">¥{{contData.total}}</view>
</view>
<view class="rightsLabel uni-border-top">
<view class="rightsLabel-left">{{contData.attribute.form_qty}}</view>
<view class="rightsLabel-right">1张</view>
</view>
<view class="rightsLabel uni-border-top">
<view class="rightsLabel-left">{{contData.attribute.form_type}}</view>
<view class="rightsLabel-right rightsLabel-red">¥{{contData.score}}</view>
</view>
</view>
<!-- 应付总金额 -->
<view class="rightsList">
<view class="rightsLabel-pay" style="font-weight: 600;">
<view class="rightsLabel-left">{{contData.attribute.form_pay}}</view>
<view class="rightsLabel-right">¥<text style="font-size: 36rpx;">{{contData.price}}</text></view>
</view>
</view>
<!-- 支付方式 -->
<view class="rightsList">
<view class="rightsLabel-pay">
<view class="rightsLabel-left">支付方式</view>
<view class="rightsLabel-right">微信支付</view>
</view>
</view>
<!-- 购买须知 -->
<view class="notice">
<view class="noticeTitle" bindtap="noticeTap">
<view class="noticeTitle-flex">
<image class="noticeTitle-img" src="/static/icon/notice_icon.png"></image>
购买前请仔细阅读内容介绍
</view>
<image class="noticeTitle-row {{noticeShow ? 'active' : ''}}" src="/static/icon/rightsArrow.png"></image>
</view>
<view class="noticeText {{noticeShow ? 'active' : ''}}">
<!-- <view class="noticeText-top">内容介绍</view> -->
<view class="noticeText-cont">
<rich-text nodes="{{content}}"></rich-text>
</view>
</view>
</view>
</view>