微信小程序可以做仿电子书的翻页特效吗?
发布于 6 年前 作者 yong77 4270 次浏览 来自 问答

最近做个项目需要模仿电子书的翻页效果,我查看了好多阅读类的小程序都没有做这样的效果,找到了个翻页特效的插件turn.js但都是用jquery写的,小程序不支持用jquery啊,就为了做这么个特效难道要我把插件全部翻页成js?我内心是拒绝的啊,有没有大神能帮忙支招啊,谢谢

2 回复

问下作者写出来了吗??怎么实现的?正发愁,想提问,发现三月就有人问了~~

可以尝试使用 css3 进行操作

wxml

<view class="book preserve-3d">
   <view class="now_page point">
       <view class="book-page">
          <text>第三页</text>
       </view>
   </view>
 
   <view class="now_page point">
       <viewv class="book-page">
          <text>第二页</text>
       </view>
   </view>
 
   <view class="now_page point">
       <view class="book-page ">
          <text>第一页</text>
       </view>
   </view>
 
 <!--封面-->
   <view class="point now_page">
        <view class="book-page first-page">
           <text>封面</text>
        </view>
   </view>
</view>

回到顶部