微信读书小程序怎么用代码实现点击图书跳转到图书详情页

要实现微信读书小程序中点击图书跳转到图书详情页，可以使用以下的代码实现：

1. 在图书列表页的wxml文件中，使用button或者image标签定义图书的点击区域，并设置相应的data-*属性来传递图书信息：

<!-- book-list.wxml -->
<view class="book-list">
  <view wx:for="{{books}}" wx:key="id">
    <button class="book-item" data-id="{{item.id}}" data-title="{{item.title}}" data-author="{{item.author}}" data-cover="{{item.cover}}" bindtap="onBookItemClick">
      <image class="book-cover" src="{{item.cover}}" mode="aspectFit"></image>
      <view class="book-info">
        <view class="book-title">{{item.title}}</view>
        <view class="book-author">{{item.author}}</view>
      </view>
    </button>
  </view>
</view>

2. 在图书列表页的js文件中，实现onBookItemClick方法，用于处理图书点击事件，跳转到图书详情页：

// book-list.js
Page({
  onBookItemClick: function(e) {
    const { id, title, author, cover } = e.currentTarget.dataset
    wx.navigateTo({
      url: `/pages/book-detail/book-detail?id=${id}&title=${title}&author=${author}&cover=${cover}`,
    })
  },
})

3. 在图书详情页的wxml文件中，使用image标签显示图书封面，使用text标签显示图书标题和作者信息：

<!-- book-detail.wxml -->
<view class="book-detail">
  <image class="book-cover" src="{{cover}}" mode="aspectFit"></image>
  <view class="book-info">
    <view class="book-title">{{title}}</view>
    <view class="book-author">{{author}}</view>
  </view>
</view>

4. 在图书详情页的js文件中，获取从上一页传递过来的图书信息，用于显示图书详情：

// book-detail.js
Page({
  onLoad: function(options) {
    const { id, title, author, cover } = options
    this.setData({
      id,
      title,
      author,
      cover,
    })
  },
})

通过以上代码实现，在微信读书小程序中点击图书，即可跳转到图书详情页，并显示相应的图书信息。