From ccda9ec2fe70d8f51ef184eafc04b78d22dfbabd Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期三, 26 六月 2024 15:02:28 +0800 Subject: [PATCH] 小程序,教材,课程 --- pages/digitalTextbooks/digitalTextbooksDetails/index.wxml | 302 ++++++++++++++++++++++--------------------------- 1 files changed, 136 insertions(+), 166 deletions(-) diff --git a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxml b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxml index b2cc5af..3d8dcd9 100644 --- a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxml +++ b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxml @@ -1,103 +1,95 @@ <!--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"> + <scroll-view scroll-y="{{true}}" class="book" bindscrolltolower="onReachBottom"> + <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 class="bookContent"> + <view class="headerText"> + {{digitalsData.name}} </view> - <view class="styleCssBox"> - <view style="width: 150rpx;">ISBN锛�</view> - <view>{{ digitalsData.isbn}}</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> - <view class="styleCssBox"> - <view style="width: 150rpx;"> 鍑虹増鏃堕棿锛� </view> - <view>{{ publicationDate}}</view> - </view> + <image src="/static/images/bookService/detail/square.png" class="right-background" /> </view> - <image src="/static/images/bookService/detail/square.png" class="right-background" /> </view> - - - - </view> - <view class="certificate"> - <view class="proposal" bind:tap="suggestBtn"> - <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="certificate"> + <view class="proposal" bind:tap="suggestBtn"> <view class="suggestion"> - <image src="/static/images/digitalTextbooks/shengshu-t@2x.png" mode="" /> + <image src="/static/images/digitalTextbooks/Suggestion@2x.png" mode="" /> </view> - <view class="proposalText">璇佷功鐢宠</view> + <view class="proposalText">鎴戣寤鸿</view> </view> - <view class="informationPrice"> - <view wx:if="{{digitalsData.price != 0}}" class="fixedPrice"> - <view> 瀹氫环锛� </view> - <view>锟{ digitalsData.price}}</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 wx:else>鍏嶈垂</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> - - <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 class="book-resource"> + <t-tabs defaultValue="{{tabValue}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel" class="tab-class"> + <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 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 class="basic-content" wx:if="{{digitalsData.content}}"> + <rich-text nodes="{{digitalsData.content}}"></rich-text> </view> - <view class="basic"> 璇佷功淇℃伅</view> - </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="certificateChart"> <view class="chart"> <image src="" mode="" /> </view> @@ -107,115 +99,93 @@ </view> --> - <view class="noDataBox"> - <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" /> + <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 style="margin-bottom: 30rpx;" 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="" /> + </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="correlationName">{{item.name}}</view> - <view class="correlationAuthor">{{digitalsData.author}}</view> + <view class="basic"> 浣滆�呬俊鎭�</view> </view> - </view> - </t-tab-panel> - </t-tabs> + <view class="basic-content" wx:if="{{digitalsData.authorIntroduction}}"> + <rich-text nodes="{{digitalsData.authorIntroduction}}"></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> + <view class="rubricBox"> + <view class="rubricimgBox"> + <image src="/static/images/digitalTextbooks/mulu@3x.png" mode="" /> + </view> + <view class="basic"> 鐩綍</view> + </view> + <view class="basic-content" wx:if="{{digitalsData.catalogue}}"> + <rich-text nodes="{{digitalsData.catalogue}}"></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 style="margin-bottom: 30rpx;" 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> + </scroll-view> <!-- 鎴戣寤鸿寮圭獥 --> <suggest class="suggest-component" id="suggest-component" bookIcon="{{bookDetail.icon}}" bookName="{{bookDetail.name}}"></suggest> <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 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 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 class="btn-text"> + 鏀惰棌 </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 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="buyBtn" wx:if="{{!isBuy && digitalsData.price != 0}}">绔嬪嵆璐拱</view> + <view class="buyColor" bind:tap="buyBtn" wx:if="{{!isBuy && digitalsData.price == 0}} ">鍏嶈垂棰嗗彇</view> <view class="{{!isBuy ? 'buyColor' :'reading'}}" bind:tap="goRead" wx:if="{{isBuy}}"> 绔嬪嵆闃呰 </view> - - - - </view> </view> </view> -- Gitblit v1.9.1