Mini_Program/unpackage/dist/dev/mp-weixin/pages/book-detail/book-detail.wxml

<view class="container data-v-ac1886ed"><view class="header data-v-ac1886ed"><view class="back-btn data-v-ac1886ed" bindtap="{{a}}"><text class="back-icon data-v-ac1886ed">←</text></view><text class="header-title data-v-ac1886ed">{{b}}</text><view class="share-btn data-v-ac1886ed" bindtap="{{c}}"><text class="share-icon data-v-ac1886ed">↗</text></view></view><scroll-view class="scroll-content data-v-ac1886ed" scroll-y><view wx:if="{{d}}" class="book-header data-v-ac1886ed"><view class="book-cover-wrapper data-v-ac1886ed"><image class="book-cover data-v-ac1886ed" src="{{e}}" mode="aspectFill"></image></view><view class="book-info data-v-ac1886ed"><text class="book-title data-v-ac1886ed">{{f}}</text><text wx:if="{{g}}" class="book-brief data-v-ac1886ed">{{h}}</text><text wx:if="{{i}}" class="book-author data-v-ac1886ed">{{j}}</text><text wx:if="{{k}}" class="book-price data-v-ac1886ed">免费</text><text wx:elif="{{l}}" class="book-price-paid data-v-ac1886ed">¥{{m}}</text></view></view><view wx:if="{{n}}" class="loading-section data-v-ac1886ed"><text class="loading-text data-v-ac1886ed">加载中...</text></view><view wx:if="{{o}}" class="section data-v-ac1886ed"><text class="section-title data-v-ac1886ed">简介</text><text class="section-content data-v-ac1886ed">{{p}}</text></view><view class="section data-v-ac1886ed"><view class="section-header data-v-ac1886ed"><text class="section-title data-v-ac1886ed">书评</text><text class="write-review-btn data-v-ac1886ed" bindtap="{{q}}">写书评</text></view><view class="review-list data-v-ac1886ed"><view wx:for="{{r}}" wx:for-item="review" wx:key="i" class="review-item data-v-ac1886ed"><view class="review-header data-v-ac1886ed"><image class="review-avatar data-v-ac1886ed" src="{{review.a}}" mode="aspectFill"></image><view class="review-user-info data-v-ac1886ed"><text class="review-name data-v-ac1886ed">{{review.b}}</text><text wx:if="{{review.c}}" class="review-tag data-v-ac1886ed">推荐</text></view><text class="review-date data-v-ac1886ed">{{review.d}}</text><view class="review-likes data-v-ac1886ed" bindtap="{{review.g}}"><text class="like-icon data-v-ac1886ed">{{review.e}}</text><text class="like-count data-v-ac1886ed">{{review.f}}</text></view></view><text class="review-content data-v-ac1886ed">{{review.h}}</text></view></view><view class="view-all-reviews data-v-ac1886ed" bindtap="{{s}}"><text class="view-all-text data-v-ac1886ed">查看全部书评</text></view></view><view class="section data-v-ac1886ed"><view class="section-header data-v-ac1886ed"><text class="section-title data-v-ac1886ed">更多推荐</text><text class="section-more data-v-ac1886ed" bindtap="{{t}}">更多 &gt;</text></view><view class="recommend-grid data-v-ac1886ed"><view wx:for="{{v}}" wx:for-item="book" wx:key="c" class="recommend-item data-v-ac1886ed" bindtap="{{book.d}}"><image class="recommend-cover data-v-ac1886ed" src="{{book.a}}" mode="aspectFill" lazy-load="{{true}}"></image><text class="recommend-title data-v-ac1886ed">{{book.b}}</text></view></view></view></scroll-view><view class="bottom-bar data-v-ac1886ed"><button class="{{['add-to-shelf-btn', 'data-v-ac1886ed', x && 'in-shelf']}}" bindtap="{{y}}" disabled="{{z}}">{{w}}</button><button class="read-btn data-v-ac1886ed" bindtap="{{A}}">阅读</button></view></view>