detail.wxml 3.2 KB

1
  1. <view class="course-detail-container data-v-3d21314d"><swiper class="swiper data-v-3d21314d" circular indicator-dots="{{true}}" autoplay="{{true}}" interval="{{3000}}" duration="{{1000}}"><swiper-item wx:for="{{a}}" wx:for-item="image" wx:key="b" class="data-v-3d21314d"><image src="{{image.a}}" class="swiper-image data-v-3d21314d" mode="aspectFill"/></swiper-item></swiper><view class="header data-v-3d21314d"><view class="title data-v-3d21314d">{{b}}</view><view class="subtitle data-v-3d21314d">{{c}}</view><view class="price-row data-v-3d21314d"><text class="price data-v-3d21314d">¥{{d}}</text><text class="original-price data-v-3d21314d">¥{{e}}</text></view><view class="stock data-v-3d21314d">库存: {{f}}</view></view><view class="section data-v-3d21314d"><view class="section-title data-v-3d21314d">评价 ({{g}})</view><view wx:if="{{h}}" class="empty-comment data-v-3d21314d">暂无评价</view><view wx:else class="comment-list data-v-3d21314d"><view wx:for="{{i}}" wx:for-item="item" wx:key="e" class="comment-item data-v-3d21314d"><image src="{{item.a}}" class="comment-avatar data-v-3d21314d"/><view class="comment-main data-v-3d21314d"><view class="comment-user data-v-3d21314d">{{item.b}}</view><view class="comment-stars data-v-3d21314d"><text wx:for="{{item.c}}" wx:for-item="n" wx:key="a" class="{{['star', 'data-v-3d21314d', n.b && 'active']}}">★</text></view><view class="comment-content data-v-3d21314d">{{item.d}}</view></view></view></view></view><view class="tabs data-v-3d21314d"><view class="{{['data-v-3d21314d', 'tab', j]}}" bindtap="{{k}}">详情</view><view class="{{['data-v-3d21314d', 'tab', l]}}" bindtap="{{m}}">目录</view><view class="{{['data-v-3d21314d', 'tab', n]}}" bindtap="{{o}}">课堂互动</view></view><view wx:if="{{p}}" class="tab-content data-v-3d21314d"><view class="detail-section data-v-3d21314d"><view class="section-title data-v-3d21314d">课程介绍</view><view class="detail-content data-v-3d21314d"><view wx:for="{{q}}" wx:for-item="image" wx:key="d" class="detail-item data-v-3d21314d"><image src="{{image.a}}" class="detail-image data-v-3d21314d" mode="widthFix"/><view class="detail-info data-v-3d21314d"><view class="detail-title data-v-3d21314d">{{image.b}}</view><view class="detail-desc data-v-3d21314d">{{image.c}}</view></view></view></view></view></view><view wx:elif="{{r}}" class="tab-content data-v-3d21314d"><view wx:for="{{s}}" wx:for-item="item" wx:key="g" class="catalog-item data-v-3d21314d"><image src="{{item.a}}" class="catalog-icon data-v-3d21314d"/><view class="catalog-main data-v-3d21314d"><view class="catalog-title data-v-3d21314d">{{item.b}}</view><view class="catalog-meta data-v-3d21314d">{{item.c}} {{item.d}} | {{item.e}}次学习</view></view><view wx:if="{{item.f}}" class="trial data-v-3d21314d">试学</view></view></view><view wx:else class="tab-content data-v-3d21314d"><view class="empty-interact data-v-3d21314d"><image src="{{t}}" class="empty-img data-v-3d21314d"/><view class="empty-tip data-v-3d21314d">该课程暂无互动内容</view></view></view><view class="footer data-v-3d21314d"><button class="service-btn data-v-3d21314d">客服</button><button class="order-btn data-v-3d21314d">立即购买</button></view></view>