<!--pages/digitalTextbooks/digitalTextbooksDetails/index.wxml-->
|
<import src="index.skeleton.wxml" />
|
<template is="skeleton" wx:if="{{loading}}" />
|
|
|
<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 class="authorBox">{{ 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>
|
<image src="/static/images/bookService/detail/square.png" class="right-background" />
|
</view>
|
|
|
|
</view>
|
<view class="certificate">
|
<view class="proposal">
|
<view class="suggestion">
|
<image src="/static/images/digitalTextbooks/Suggestion@2x.png" mode="" />
|
</view>
|
<view class="proposalText">我要建议</view>
|
</view>
|
<view class="frame"></view>
|
<view class="information">
|
<view class="proposal">
|
<view class="suggestion">
|
<image src="/static/images/digitalTextbooks/shengshu-t@2x.png" mode="" />
|
</view>
|
<view class="proposalText">证书申请</view>
|
</view>
|
<view class="informationPrice">
|
<view wx:if="{{digitalsData.price != 0}}" class="fixedPrice">
|
<view> 定价： </view>
|
<view>￥{{ digitalsData.price}}</view>
|
</view>
|
<view wx:else>免费</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
|
<view style="margin-top: 20rpx;">
|
<t-tabs defaultValue="{{tabValue}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
|
<t-tab-panel icon="{{ tabValue == 'brief' ? briefIconClick : briefIcon}}" value="brief" label="基本信息" 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;" wx:if="{{digitalsData.content}}">
|
<rich-text nodes="{{digitalsData.content}}" style="{{richStyle}}"></rich-text>
|
</view>
|
<view class="noDataBox" wx:else>
|
<t-empty icon="folder-open" description="暂无数据" font-size="80" />
|
|
</view>
|
</t-tab-panel>
|
<t-tab-panel icon="{{tabValue == 'jsek_cloudLearning' ? learnResourceClickIcon : learnResourceIcon}}" value="jsek_cloudLearning" label="证书信息" style="{{tabPanelstyle}}">
|
<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>
|
</view> -->
|
|
|
<view class="noDataBox">
|
<t-empty icon="folder-open" description="暂无数据" font-size="80" />
|
|
</view>
|
</t-tab-panel>
|
<t-tab-panel icon="{{tabValue == 'jsek_teachingResources' ? teachResourcesClickIcon : teachResourcesIcon}}" value="jsek_teachingResources" label="作者信息" 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;" wx:if="{{digitalsData.authorIntroduction}}">
|
<rich-text nodes="{{digitalsData.authorIntroduction}}" style="{{richStyle}}"></rich-text>
|
</view>
|
|
|
<view class="noDataBox" wx:else>
|
<t-empty icon="folder-open" description="暂无数据" font-size="80" />
|
|
</view>
|
</t-tab-panel>
|
<t-tab-panel icon="{{tabValue == 'catalogue' ? catalogueClickIcon : catalogue}}" value="catalogue" label="目录" style="{{tabPanelstyle}}">
|
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image src="/static/images/digitalTextbooks/mulu@3x.png" mode="" />
|
</view>
|
<view class="basic"> 目录</view>
|
</view>
|
<view style="margin: 30rpx; margin-bottom: 130rpx;" wx:if="{{digitalsData.catalogue}}">
|
<rich-text nodes="{{digitalsData.catalogue}}" style="{{richStyle}}"></rich-text>
|
</view>
|
|
|
<view class="noDataBox" wx:else>
|
<t-empty icon="folder-open" description="暂无数据" font-size="80" />
|
|
</view>
|
</t-tab-panel>
|
<t-tab-panel icon="{{tabValue == 'questionBank' ? testResourceClickIocn : testResourceIocn}}" value="questionBank" label="相关教材" style="{{tabPanelstyle}}">
|
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image src="/static/images/digitalTextbooks/Link@3x.png" mode="" />
|
</view>
|
<view class="basic"> 相关教材</view>
|
</view>
|
<view class="noDataBox" wx:if="{{relatedBookData.length <= 0}}">
|
<t-empty icon="folder-open" description="暂无数据" font-size="80" />
|
|
</view>
|
|
|
<view class="correlation" wx:else>
|
|
<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 class="correlationAuthor">{{digitalsData.author}}</view>
|
</view>
|
|
|
</view>
|
|
|
</t-tab-panel>
|
</t-tabs>
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="box-bottom">
|
|
<view style="border-top: 1rpx solid #DDDDDD; display: flex;">
|
|
<view class="collection" bind:tap="setCoolect">
|
<view class="collectionImage">
|
<image wx:if="{{!digitalsData.isFavourite}}" src="/static/images/digitalTextbooks/wodeshoucang@2x.png" mode="" />
|
<image wx:else src="/static/images/bookService/detail/collecting.png" mode="" />
|
</view>
|
<view>
|
收藏
|
</view>
|
</view>
|
<view class="trialReading" bind:tap="goRead" wx:if="{{!isBuy}}">
|
<view class="collectionImage">
|
<image src="/static/images/digitalTextbooks/shidu@2x.png"></image>
|
</view>
|
<view class="btn-text">试读</view>
|
</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="{{!isBuy ? 'buyColor' :'reading'}}" bind:tap="goRead" wx:if="{{isBuy}}">
|
立即阅读
|
</view>
|
|
|
|
|
</view>
|
</view>
|
</view>
|
|
|
<t-toast id="t-toast" />
|
