89 lines
4.0 KiB
Plaintext
89 lines
4.0 KiB
Plaintext
<view class="flex-col page">
|
||
<view class="flex-col">
|
||
<!-- 背景 + 支付信息 -->
|
||
<view class="flex-col justify-start section">
|
||
<view class="flex-col section_2">
|
||
<view class="flex-row items-baseline self-start no-wrap">
|
||
<text class="shrink-0 font">券后支付</text>
|
||
<text class="shrink-0 font_2 text text_2 mx-15">168元</text>
|
||
<text class="flex-1 font">即可观看所有视频</text>
|
||
</view>
|
||
|
||
<view class="mt-18 flex-col justify-start items-center self-center text-wrapper" bind:tap="gotoCourseOrder" data-id="{{ '1' }}">
|
||
<text class="font_3 text_3">立即购买</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 选项卡 -->
|
||
<view class="flex-col section_3">
|
||
<view class="flex-row justify-center group_2">
|
||
<text bindtap="selectTab" data-tab="intro" class="text-tab {{activeTab==='intro'?'tab-active':'tab-inactive'}}">课程简介</text>
|
||
<text bindtap="selectTab" data-tab="catalog" class="text-tab {{activeTab==='catalog'?'tab-active':'tab-inactive'}}">课程目录</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 标题+价格 -->
|
||
<view class="flex-col section_4">
|
||
<view class="flex-row items-center group_4">
|
||
<view class="shrink-0 group_5">
|
||
<text class="text_6">168</text>
|
||
<text class="font_3 text_7">元券后价</text>
|
||
</view>
|
||
<view class="ml-4 flex-col justify-start items-start shrink-0 relative group_6">
|
||
<text class="font_2 text text_8">268元</text>
|
||
<view class="divider pos"></view>
|
||
</view>
|
||
</view>
|
||
<text class="group_4 text_9 mt-9">【早鸟42折】掌握CAD技能+++++++实战工作训练营</text>
|
||
</view>
|
||
|
||
<!-- 课程概述（仅当 activeTab==='intro'） -->
|
||
<view wx:if="{{activeTab==='intro'}}" class="flex-col section_5">
|
||
<view class="flex-row items-center group_7">
|
||
<image class="image" src="./image/cal.png" />
|
||
<text class="ml-6 font_2 text_10">课程概述</text>
|
||
</view>
|
||
<view class="section_6"></view>
|
||
</view>
|
||
|
||
<!-- 课程目录（仅当 activeTab==='catalog'） -->
|
||
<view wx:if="{{activeTab==='catalog'}}" class="flex-col mt-35">
|
||
<view class="flex-col section_7">
|
||
<view class="flex-col list">
|
||
<view class="flex-col list-item mt-15" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
|
||
<view class="flex-col justify-start self-end text-wrapper_2">
|
||
<text class="font_4 text_11">全集试看</text>
|
||
</view>
|
||
<view class="flex-row self-start group_8 mt-1">
|
||
<text class="shrink-0 self-start font_5 text_12">{{ index + 1}}</text>
|
||
<text class="ml-16 flex-1 font_2 {{activeIndex === index ? 'active-title' : ''}}" bindtap="selectCourse" data-index="{{index}}">
|
||
推荐片：带你透视中国基层干部的生态图景推荐片：带你透视中国基层干部的生态图景
|
||
</text>
|
||
</view>
|
||
<view class="flex-row justify-between self-stretch group_9 mt-1">
|
||
<text class="self-start font_6 text_13" style="margin-top: 10rpx;">视频课·27分59秒</text>
|
||
<image class="image_2" src="./image/lock.png" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 底部固定按钮栏 -->
|
||
<view class="flex-row items-center section_8 section_8_fixed">
|
||
<view class="flex-col items-center shrink-0" style="margin-left: 30rpx;">
|
||
<image class="image_3" src="./image/messge.png" />
|
||
<text class="font_6 text_16 mt-1">咨询</text>
|
||
</view>
|
||
<view class="ml-44 flex-row flex-1">
|
||
<view class="flex-col justify-start items-center text-wrapper_3" bind:tap="gotoApplyPromotion" data-id="{{ '1' }}">
|
||
<text class="font_7 text_14">申请推广</text>
|
||
</view>
|
||
<view class="flex-col justify-start items-center text-wrapper_4 ml-15" bind:tap="gotoCourseOrder" data-id="{{ '1' }}">
|
||
<text class="font_7 text_15">立即购买</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view> |