uniapp 的 swiper 实现页面切换时翻书的效果

可以使用 uniapp 的 `uni-ui` 组件库中的 `uni-card` 组件来实现页面切换时翻书的效果。具体步骤如下：

1. 在 `pages.json` 中引入 `uni-ui` 组件库

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    }
  ],
  "easycom": {
    "autoscan": true,
    "custom": {
      "uni-ui": {
        "path": "@/uni-ui"
      }
    }
  },
  "usingComponents": {}
}

2. 在需要实现翻书效果的页面中使用 `uni-card` 组件

<template>
  <view class="container">
    <uni-card class="card" :is-swipe="true" :duration="500" @change="onChange">
      <view slot="header">Header</view>
      <view slot="content">Content</view>
      <view slot="footer">Footer</view>
    </uni-card>
  </view>
</template>

<script>
  export default {
    methods: {
      onChange(e) {
        console.log(e.detail.current)
      }
    }
  }
</script>

<style>
  .container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .card {
    width: 80%;
    height: 80%;
  }
</style>

在上面的代码中，我们将 `is-swipe` 属性设置为 `true`，表示开启翻书效果；`duration` 属性设置为 `500`，表示翻页动画时长为 500ms；`@change` 事件用于监听翻页事件。你也可以根据自己的需求调整这些属性。

通过以上步骤，我们就可以实现 uniapp 页面切换时翻书的效果了。