数字教材跳转阅读器

yiming

2024-06-06 e72f509ca0728f571fcf652e1e60d7af970518cf

 pages/digitalTextbooks/digitalTextbooksDetails/index.wxml

@@ -1,5 +1,150 @@
<!--pages/digitalTextbooks/digitalTextbooksDetails/index.wxml-->
<view>
  数字教材详情
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />

</view>

<view wx:if="{{!loading}}">
  <view class="page-bookService">

    <view class="digital">
      <view class="book-box">


        <view class="textbookDetails">
          <view class="book-img">
            <view class="imageBox">
              <image src="{{digitalsData.icon}}" mode="" />
            </view>

            <view class="setCoolect">
              <image src="/static/images/bookService/detail/collect.png" style="width: 50rpx;" bind:tap="setCoolect" wx:if="{{isFavourite}}" />
              <image src="/static/images/bookService/detail/collecting.png" style="width: 50rpx;" bind:tap="setCoolect" wx:else="" />
            </view>




          </view>
          <view class="bookContent">
            <view class="headerText">
              {{digitalsData.name}}
            </view>
            <view class="content">
              <view class="styleCssBox">
                <view style="width: 150rpx;"> 作者： </view>
                <view>{{ digitalsData.author}}</view>
              </view>
              <view class="styleCssBox">
                <view style="width: 150rpx;">ISBN：</view>
                <view>{{ digitalsData.isbn}}</view>
              </view>
              <view class="styleCssBox">
                <view style="width: 150rpx;"> 出版时间： </view>
                <view>{{ publicationDate}}</view>
              </view>
              <view class="styleCssBox">
                <view style="width: 150rpx;"> 定价： </view>
                <view wx:if="{{digitalsData.price !== 0}}">￥{{ digitalsData.price}}</view>
                <view wx:else>免费</view>
              </view>
            </view>
            <image src="/static/images/bookService/detail/square.png" class="right-background" />
          </view>



        </view>
        <view class="certificate">
          <view class="publish">出版证书</view>
          <view class="curriculum">课程证书</view>
        </view>


      </view>
    </view>

    <view style="margin-top: 20rpx;">
      <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
        <t-tab-panel icon="{{ briefIconClick}}" label="基本信息" value="0" style="{{tabPanelstyle}}">
          <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;">
            <rich-text nodes="{{digitalsData.content}}" style="{{richStyle}}"></rich-text>
          </view>

        </t-tab-panel>
        <t-tab-panel icon="{{ briefIconClick}}" label="作者信息" value="1" style="{{tabPanelstyle}}">
          <view class="rubricBox">
            <view class="rubricimgBox">
              <image src="/static/images/bookService/detail/author.png" mode="" />
            </view>
            <view class="basic"> 作者信息</view>
          </view>
          <view style="margin: 30rpx; margin-bottom: 130rpx;">
            <rich-text nodes="{{digitalsData.authorIntroduction}}" style="{{richStyle}}"></rich-text>
          </view>


        </t-tab-panel>
        <t-tab-panel icon="{{ briefIconClick}}" label="目录" value="2" style="{{tabPanelstyle}}">

          <view class="rubricBox">
            <view class="rubricimgBox">
              <image src="/static/images/bookService/detail/author.png" mode="" />
            </view>
            <view class="basic"> 目录</view>
          </view>

          <view style="margin: 30rpx; margin-bottom: 130rpx;">


            <rich-text nodes="{{digitalsData.catalogue}}" style="{{richStyle}}"></rich-text>
          </view>



        </t-tab-panel>
        <t-tab-panel icon="{{ briefIconClick}}" label="相关教材" value="3" style="{{tabPanelstyle}}">


          <view class="correlation">
            <view wx:for="{{relatedBookData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onCorrelationBook">

              <view class="correlationImage">
                <image src="{{item.icon}}" mode="" />
                <img wx:if="{{item.icon == ''}}" src="/static/images/default-book-img.png" alt="" />
              </view>

              <view class="correlationName">{{item.name}}</view>
            </view>
          </view>



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

    </view>
    <view class="box-bottom">
      <view class="trialReading" bind:tap="goRead" wx:if="{{!isBuy}}">
        <view>
          <t-image src="/static/images/bookService/detail/shidu.png"></t-image>
        </view>
        <view class="btn-text">试读</view>
      </view>
      <view class="shopCarColor" bind:tap="addBookShopcCar" wx:if="{{!isBuy}}">加入购物车</view>
      <view class="buyColor" bind:tap="buyBtn" wx:if="{{!isBuy}}">立即购买</view>
      <!-- <view class="buyColor" bind:tap="buyBtn" wx:if="{{digitalsData.price == 0}} ">免费领取</view> -->
      <view class="buyColor" bind:tap="goRead" wx:if="{{isBuy}}">
        立即阅读
      </view>
    </view>
  </view>
</view>


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