更新记录

1.0（2024-04-30）下载此版本

无

平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
×	×	×	×	×	×	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	×	×	×	×	×	×	×	×

标题

使用说明

import flippingPage from '../../components/flipping-page'
components:{flippingPage}

<flipping-page
  :papers="['图片地址', '图片地址']"
  @pageChange="cropCancel" >
  </flipping-page>

属性

属性	类型	默认值	备注
papers	Array	[]	翻页图片
effect	String	'jsAnimate'	两种翻页效果： jsAnimate；cssAnimate

事件

事件名称	说明	返回
pageChange	页码	pageNum

其他说明

jsAnimate效果采用js计算裁剪效果来实现翻页动画，效果更真实。实现原理可查看CSDN
cssAnimate效果采用css animation翻页动画，自行查看源码

翻书翻页效果翻书 效果 翻页 动画

更新记录

1.0（2024-04-30）下载此版本

平台兼容性

标题

使用说明

属性

事件

其他说明

隐私、权限声明

1. 本插件需要申请的系统权限列表：

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

许可协议

MIT协议

小程序图片裁剪

翻书翻页效果

翻书翻页效果 翻书 效果 翻页 动画

更新记录

1.0（2024-04-30） 下载此版本

平台兼容性

标题

使用说明

属性

事件

其他说明

隐私、权限声明

1. 本插件需要申请的系统权限列表：

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

许可协议

MIT协议

小程序图片裁剪

翻书翻页效果

Modal title

翻书翻页效果翻书效果翻页动画

1.0（2024-04-30）下载此版本