zoukankan      html  css  js  c++  java
  • 关于小程序仿微博导航效果(前端网备份 )

    描述:
    tab导航切换,点击一次B为a->b状态下,在这状态再点击一次b,tab b则会出现下拉导航,再点则会收上去
    动画逻辑分析
    先定义全局状态var djcs = 0;
    djcs这里代表的是tab前面的向下箭头img的状态
    tab选项卡不分析,
    if (e.currentTarget.id == 0){
    e.currentTarget.offsetLeft =0;
    djcs+=1;
    //主要是这里,逻辑为,比如在b也没点一次,djcs=1,然后不切换到a下,一直点b则b累加1;然后对b求余数;如果是偶数则下拉菜单出现,反之
    if (djcs%2==0){
    conts = true
    }else{
    conts = false
    }
    }else{
    e.currentTarget.offsetLeft = 80;
    djcs = 0;
    conts = false
    }
    console.log(djcs);
    this.setData({
    sliderOffset: e.currentTarget.offsetLeft,
    activeIndex: e.currentTarget.id,
    djcs: djcs,
    conts: conts
    });

  • 相关阅读:
    eclipse CreateProcess error=87
    排序与查找
    利用Excel导出sql语句
    Java 反射机制总结
    MySQL问题
    异常解决
    MySQL连接不上
    工作时总结
    笔记
    注意
  • 原文地址:https://www.cnblogs.com/lsc-boke/p/10997257.html
Copyright © 2011-2022 走看看