更新记录
1.0.2(2025-09-04)
下载此版本
无
1.0.1(2025-09-04)
下载此版本
无
1.0.0(2025-09-04)
下载此版本
init
查看更多
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
page-flip
使用说明
<template>
<view style="height: 80%; width: 80%;">
<page-flip :papers="papers" @pageChange="pageChange"/>
</view>
</template>
<script>
export default {
data() {
return {
papers: [],
};
},
mounted() {
const baseurl = "https://raw.githubusercontent.com/jinhuan138/page-flip/main/static/新人教初中七下生物(2022版课标修订)-图片";
for (let i = 0; i <= 10; i++) {
this.papers.push(`${baseurl}-${i}.jpg`);
}
},
methods: {
pageChange(page) {
console.log("当前页码", page);
},
},
};
</script>
属性
属性名 |
说明 |
类型 |
默认值 |
papers |
图片地址 |
Array |
[] |
事件
事件名 |
说明 |
Type |
pageChange |
翻页时触发 |
(value: page) => void |