<!--pages/bookServices/detail/index.wxml-->
|
<!--导航区域 -->
|
<view style="width: 100%; height: {{barHeight}}px; "></view>
|
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
|
<view>
|
<t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
|
</view>
|
<view class="navbar-title">{{options.name}}</view>
|
</view>
|
<scroll-view scroll-y="{{true}}" class="book">
|
<!-- 图书详情 -->
|
<view class="book-box">
|
<view class="book-detail">
|
<view class="detail-left">
|
<view class="book-img">
|
<t-image
|
src="{{bookDetail.icon}}"
|
mode="aspectFill"
|
width="120"
|
height="170"
|
aria-label="{{bookDetail.name}}"
|
/>
|
</view>
|
<view class="book-use">
|
<view class="collect" bind:tap="setCollect">
|
<view>
|
<t-image
|
src="/static/images/bookService/detail/collect.png"
|
wx:if="{{!bookDetail.isFavourite}}"
|
></t-image>
|
<t-image
|
src="/static/images/bookService/detail/collecting.png"
|
wx:if="{{bookDetail.isFavourite}}"
|
></t-image>
|
</view>
|
<view>收藏</view>
|
</view>
|
<view class="suggest">
|
<view>
|
<t-image src="/static/images/bookService/detail/suggest.png"></t-image>
|
</view>
|
<view>我要建议</view>
|
</view>
|
</view>
|
</view>
|
<view class="detail-right">
|
<view class="book-name">{{bookDetail.name}}</view>
|
<view class="book-message">
|
<view class="message-li">
|
<view class="li-title">丛书名：</view>
|
<view class="li-content">{{bookDetail.seriesName}}</view>
|
</view>
|
<view class="message-li">
|
<view class="li-title">作者：</view>
|
<view class="li-content">{{bookDetail.author}}</view>
|
</view>
|
<view class="message-li">
|
<view class="li-title">ISBN：</view>
|
<view class="li-content">{{bookDetail.isbn}}</view>
|
</view>
|
<view class="message-li">
|
<view class="li-title">出版时间：</view>
|
<view class="li-content">{{bookDetail.publicationDate}}</view>
|
</view>
|
<view class="message-li">
|
<view class="li-title">图书分类：</view>
|
<view class="li-content">{{bookDetail.class}}</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<!-- 销售信息 -->
|
<view class="book-sale">
|
<view class="book-price">
|
<!-- 电子书售价 -->
|
<view class="electron-price">
|
<view>
|
<t-image src="/static/images/bookService/detail/electon-price.png"></t-image>
|
</view>
|
<view class="price">
|
<view>¥{{bookDetail.price}}</view>
|
<view class="price-old">¥{{bookDetail.oldPrice}} <view class="line"></view> </view>
|
</view>
|
<view> </view>
|
</view>
|
<!-- 纸质书售价 -->
|
<view class="paper-price">
|
<view>
|
<t-image src="/static/images/bookService/detail/paper-price.png"></t-image>
|
</view>
|
<view class="price">¥{{bookDetail.paperPrice}}</view>
|
</view>
|
</view>
|
<!-- 网店 -->
|
<view class="book-web">
|
<t-image
|
src="/static/images/bookService/detail/jd.png"
|
wx:if="{{bookDetail.JDLink}}"
|
bind:tap="goShop"
|
data-link="{{bookDetail.tmallLink}}"
|
data-type="jd"
|
></t-image>
|
<t-image
|
src="/static/images/bookService/detail/tmall.png"
|
width="32"
|
height="22"
|
bind:tap="goShop"
|
data-link="{{bookDetail.tmallLink}}"
|
wx:if="{{bookDetail.tmallLink}}"
|
></t-image>
|
<t-image
|
src="/static/images/bookService/detail/dangdang.png"
|
bind:tap="goShop"
|
data-link="{{bookDetail.dangdangLink}}"
|
wx:if="{{bookDetail.dangdangLink}}"
|
></t-image>
|
<t-image
|
src="/static/images/bookService/detail/jd.png"
|
bind:tap="goShop"
|
data-link="{{bookDetail.weidianLink}}"
|
wx:if="{{bookDetail.weidianLink}}"
|
></t-image>
|
</view>
|
</view>
|
</view>
|
<view class="book-resource">
|
<t-tabs
|
defaultValue="{{0}}"
|
bind:change="onTabsChange"
|
bind:click="onTabsClick"
|
t-class="custom-tabs"
|
t-class-content="custom-panel"
|
>
|
<t-tab-panel label="图书简介" value="0" style="{{tabPanelstyle}}">
|
<book-brief
|
content="{{bookDetail.content}}"
|
authorIntroduction="{{bookDetail.authorIntroduction}}"
|
></book-brief>
|
</t-tab-panel>
|
<t-tab-panel label="电子书" value="1" style="{{tabPanelstyle}}">选项二内容</t-tab-panel>
|
<t-tab-panel label="云学习" value="2" style="{{tabPanelstyle}}">选项三内容</t-tab-panel>
|
<t-tab-panel label="云测试" value="3" style="{{tabPanelstyle}}">选项四内容</t-tab-panel>
|
</t-tabs>
|
</view>
|
<!-- 购买按钮 -->
|
<view class="box-bottom">
|
<view class="bottom-btn">
|
<view>
|
<t-image src="/static/images/bookService/detail/ebook.png"></t-image>
|
</view>
|
<view>电子样书申请</view>
|
</view>
|
<view class="bottom-btn">
|
<view>
|
<t-image src="/static/images/bookService/detail/paper-book.png"></t-image>
|
</view>
|
<view>纸质样书申请</view>
|
</view>
|
<view class="shopCar">加入购物车</view>
|
<view class="buy">立即购买</view>
|
</view>
|
</scroll-view>
|
