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

最近做个项目需要模仿电子书的翻页效果，我查看了好多阅读类的小程序都没有做这样的效果，找到了个翻页特效的插件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>

回到顶部