小程序，教材，课程

litian

2024-06-26 ccda9ec2fe70d8f51ef184eafc04b78d22dfbabd

 pages/digitalCourses/digitalCoursesDetails/index.wxml

@@ -1,24 +1,14 @@
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />


<scroll-view scroll-y="{{scrollJudge}}" wx:else class="outsideContentBox">

  <view>



<view wx:else>
  <scroll-view scroll-y="{{true}}" class="outsideContentBox">
    <view class="digital">
      <view class="book-box">
        <view class="digitalCoursesDetailsTitle">

          <view class="imageBox">
            <image src="{{digitalsData.icon}}" mode="aspectFit" />
          </view>

          <view class="nameBox">{{digitalsData.name}}</view>


          <view>
            <viwe class="styleCssBox">
              <view style="width: 170rpx;"> ISBN： </view>
@@ -47,142 +37,99 @@
            </viwe>
            <image src="/static/images/bookService/detail/square.png" class="right-background" />
          </view>

        </view>

        <view class="certificate">

          <view style="margin-left: 30rpx;">价格： <text>￥{{digitalsData.price}}</text></view>
          <view style="margin-right: 30rpx;">共<text>{{ digitalsData.classHours}}</text>课时</view>

          <view style="margin-right: 30rpx;">共<text>{{ digitalsData.classHours ? digitalsData.classHours : '0'}}</text>课时</view>
        </view>
      </view>






    </view>


    <view class="tabBox">
      <t-tabs defaultValue="{{tabValue}}" bind:change="onTabsChange" t-class="custom-tabs" t-class-content="custom-panel">
        <t-tab-panel icon="{{ tabValue == '0' ? briefIconClick : briefIcon}}" label="基本信息" value="0" style="{{tabPanelstyle}}">
          <!-- <scroll-view scroll-y="{{true}}" class="outsideContentBox"> -->

        <t-tab-panel icon="{{ tabValue == '0' ? briefIconClick : briefIcon}}" label="基本信息" value="0">
          <view class="rubricBox">
            <view class="rubricimgBox">
              <image src="/static/images/bookService/detail/label.png" mode="" />
            </view>
            <view class="basic"> 课程介绍</view>
          </view>
          <view style="margin: 30rpx; margin-bottom: 130rpx; min-height:260rpx ;">
            <rich-text wx:if="{{digitalsData.content}}" nodes="{{digitalsData.content}}" style="{{richStyle}}"></rich-text>



          <view class="course-content">
            <rich-text wx:if="{{digitalsData.content}}" nodes="{{digitalsData.content}}"></rich-text>
            <view wx:else="" class="noDataBox">
              <t-empty icon="folder-open" description="暂无数据" font-size="80" />
            </view>


          </view>

          <view class="rubricBox">
            <view class="rubricimgBox">
              <image src="/static/images/bookService/detail/label.png" mode="" />
            </view>
            <view class="basic"> 主讲老师</view>
          </view>

          <view class="lecturer">
            <view class="lecturerImangBox">
              <image src="" mode="" />
            </view>
            <view class="lecturerInformation">

              <view class="lecturerName">
                <view style="font-weight: bold; font-size: 29rpx; color: #333333;">

                  林崇德

                </view>
                <view style="font-weight: 400; font-size: 25rpx; color: #949494;">讲师</view>
          <view class="course-content">
            <view class="lecturer" wx:for="{{lecturerList}}" wx:key="index" wx:for-item="item">
              <view class="lecturerImangBox">
                <image src="{{item.icon}}" mode="" />
              </view>
              <view class="lecturerContent">中国学生发展核心素养研制首席专家，围绕大中小学教材建设开展了一系列开创性、奠基性工作。建立完善了我国发展心理学教材体系。</view>


              <view class="lecturerInformation">
                <view class="lecturerName">
                  <view class="name">
                    {{item.name}}
                  </view>
                  <view class="title" style="font-weight: 400; font-size: 25rpx; color: #949494;">{{item.title}}</view>
                </view>
                <view class="lecturerContent">{{item.introduce}}</view>
              </view>
            </view>

          </view>



          <!-- </scroll-view> -->


        </t-tab-panel>
        <t-tab-panel icon="{{ tabValue == '1' ?  learnResourceClickIcon : learnResourceIcon}}" label="证书信息" value="1" style="{{tabPanelstyle}}">

        <t-tab-panel icon="{{ tabValue == '1' ?  learnResourceClickIcon : learnResourceIcon}}" label="证书信息" value="1">
          <view class="rubricBox">
            <view class="rubricimgBox">
              <image src="/static/images/digitalTextbooks/zhengshu@2x.png" mode="" />
            </view>
            <view class="basic"> 证书信息</view>
          </view>


          <view class="certificateChart">
            <view class="chart">
              <image src="" mode="" />
            </view>
            <view class="chart">
              <image src="" mode="" />
          <view class="course-content">
            <view class="certificateChart">
              <view class="chart">
                <image src="" mode="" />
              </view>
              <view class="chart">
                <image src="" mode="" />
              </view>
            </view>
          </view>

          <!-- 
    <view class="noDataBox">
      <t-empty icon="folder-open" description="暂无数据" font-size="80" />

    </view> -->



        </t-tab-panel>
        <t-tab-panel icon="{{ tabValue == '2' ? courseLearningClick : courseLearning}}" label="课程学习" value="2" style="{{tabPanelstyle}}">选项三内容</t-tab-panel>
        <t-tab-panel icon="{{ tabValue == '3' ? learningNotesClick : learningNotes}}" label="学习笔记" value="3" style="{{tabPanelstyle}}">选项四内容</t-tab-panel>
        <t-tab-panel icon="{{ tabValue == '4' ? onlineQuestioningClick : onlineQuestioning}}" label="在线提问" value="4" style="{{tabPanelstyle}}">选项五内容</t-tab-panel>
        <t-tab-panel icon="{{ tabValue == '2' ? courseLearningClick : courseLearning}}" label="课程学习" value="2">
          <view class="course-content">

          </view>
        </t-tab-panel>
        <t-tab-panel icon="{{ tabValue == '3' ? learningNotesClick : learningNotes}}" label="学习笔记" value="3">
          <view class="course-content">

          </view>
        </t-tab-panel>
        <t-tab-panel icon="{{ tabValue == '4' ? onlineQuestioningClick : onlineQuestioning}}" label="在线提问" value="4">
          <view class="course-content">

          </view>
        </t-tab-panel>
      </t-tabs>

    </view>


    <view class="box-bottom">



      <view class="application" bind:tap="onCertificate">
        <view class="applicationImageBox">
          <image src="/static/images/digitalCourses/zhengshushenqing@2x.png" mode="" />
        </view>
        <view>证书申请</view>
      </view>

      <view class="shopCarColor" bind:tap="addBookShopcCar" wx:if="{{!isBuy}}">加入购物车</view>
      <view class="buyColor" bind:tap="buyBtn" wx:if="{{!isBuy}}">立即购买</view>





    </view>
    <t-toast id="t-toast" />
  </view>
</scroll-view>


  </scroll-view>
</view>
<!-- 弹窗 -->
<view wx:if="{{dialogBox}}">
  <view class="popup-box" bindtap="closeDialog"></view>