小程序仿淘宝五级地址选择

微信小程序 2020-03-06

所有的抽奖都是由后台计算后

    

  1.  <!-- 轮播展示中奖信息区域 -->
    2. 

  2. >
    3. 

  3.       <swiper-item>
    4. 

  4. </swiper-item>
    5. 

  5. </swiper>
    6. 

  6. </view>
    7. 

  7. <!-- 轮播结束 抽奖转盘 -->
    8. 

  8. bindtap'doLottery'>
    9. 

  9. style"transition:all {{time?:'3s ease-in'}}; transformrotate({{transformDeg + 'deg'}}) src'../../../img/turntable.png'></image>
    10. 

  10. '../../../img/arrow.png'</image>
    11. 

const app = getApp();

  •   data:{ 
    • 

  •       {
    • 

  • ,
    • 

    • 

  • {
    • 

    • 

  • {
    • 

    • 

  •     ],
    • 

  •     transition'all 3s cubic-bezier(0.005,1.340,1.000,0.865)'
    • 

  •   onLoad(opt){
    • 

    • 

  •   onReady(){
    • 

  •       timingFunction'esse-in-out'      duration2000
    • 

  • animationDeg  360;
    • 

  • 欢迎加入全栈开发交流划水交流圈：582735936
    • 

  • 面向划水1-3年前端人员
    • 

  •   doLottery// 抽奖
    • 

  • if(aniRotate)return;
    • 

  •       transformDeg:data*900
    • 

  •     setTimeoutfunction      console('请求完成'_thistransformDeg)// setTimeout 模拟ajax请求
    • 

  •         transformDeg:-4        time'3s ease'
    • 

  • 582735936
    • 

  • 帮助突破划水瓶颈，提升思维能力
    • 

  •         console'返回结果')
    • 

    • 

  •         setTimeout(){
    • 

  •           wxshowModal({
    • 

  •             content'恭喜获得奖品'
    • 

  • 6000)
    • 

  • 3000)
    • 

  • Pageindex);
    • 

      background#fff;

  • }
    • 

  •   lineheight;
    • 

  • /* 转盘 */
    • 

  •   position relative  width100%;
    • 

  • }
    • 

  •   left;
    • 

  • 以上就是本文的全部内容，希望对大家的学习有所帮助。

    • 相关文章

    开发微信小程序的用户授权登录功能
    开发微信小程序的用户授权登录功能
    小程序开发页面如何实现跳转？
    小程序开发页面如何实现跳转？
    浅谈小程序开发中蓝牙连接错误分析及解决方法
    浅谈小程序开发中蓝牙连接错误分析及解决方法
    什么是小程序？它有哪些功能？
    什么是小程序？它有哪些功能？
    如何配置小程序开发项目结构？（教程）
    如何配置小程序开发项目结构？（教程）
    怎么把自己的店加入小程序
    怎么把自己的店加入小程序