效果:
功能说明:购买当前浏览的课程,点击立即购买按钮,从下方弹出小页面,显示课程信息,用户选择购买数量,再次点击购买,弹出购买信息及金额,等待用户确认,进入支付页面。
.wxml页面:
<view class="container" wx:for="{
{goodsDetail}}" wx:key="">
<!--图片-->
<view class="image-border">
<image src="{
{item.pic}}" class="slide-image" />
</view>
<!--课程基本信息-->
<view class="goods-info">
<view class="goods-title">{
{item.name}}</view>
<view class="detail">
<view class="detail-cont">课程教练:{
{item.classCoach}}</view>
<view class="detail-cont">适应人群: {
{item.classPerson}}</view>
<view class="detail-cont">课程内容:{
{item.classContent}}</view>
<view class="detail-cont import">课程价格:{
{item.classprice}}元/节</view>
</view>
</view>
<!--课程介绍-->
<view class="goods-des-info">
<view class="label-title">课程介绍</view>
<view class="goods-text">{
{item.introduce}}</view>
</view>
<view class="footer-box">
<view class="now-buy" bindtap="tobuy">立即购买</view>
</view>
<!--二级购买详情-->
<view class="show-popup" hidden="{
{hideShopPopup}}">
<view class="popup-mask" bindtap="closePopupTap"></view>
<view class="popup-contents">
<view class="pop-go