From dcd5065a6ed1b75b0e3c1491d267ab73b4997f11 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期四, 06 六月 2024 11:38:59 +0800 Subject: [PATCH] 数字教材详情 --- pages/digitalTextbooks/digitalTextbooksDetails/index.wxml | 147 ++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 144 insertions(+), 3 deletions(-) diff --git a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxml b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxml index 3227377..2d8ebfa 100644 --- a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxml +++ b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxml @@ -1,5 +1,146 @@ <!--pages/digitalTextbooks/digitalTextbooksDetails/index.wxml--> -<view> - 鏁板瓧鏁欐潗璇︽儏 +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{loading}}" /> -</view> \ No newline at end of file + +<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;"> + <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;"> + <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;"> + + + <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"> + <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" /> \ No newline at end of file -- Gitblit v1.9.1