最近在学习apicloud,集成了安卓和ios看起来很方便。
底部菜单导航在论坛没有看到特别合适的,后来才发现它原来有一个openFrameGroup,真的real方便。
菜鸟拙见

底部内容

   <footer  id="tab">
      <div id="main" class="main active" tapmode onclick="tab_change(0)" >
        <center>首页</center>
      </div>
      <div id="msg" class="msg"  tapmode onclick="tab_change(1)">
      <center>消息</center>
      </div>
      <div id="mine" class="mine"  tapmode onclick="tab_change(2)">
        <center>我的</center>
      </div>
    </footer>

底部js

    apiready = function() {
        var footer = $api.dom('footer'); // 获取 footer 标签元素
        var footerH = $api.fixTabBar(footer);

        api.openFrameGroup ({
        name: 'group',
        scrollEnabled:true,
        index:0,
        rect: { // 推荐使用Margin布局,用于适配屏幕的动态变化
                marginTop: 0, // main页面距离win顶部的高度
                marginBottom: footerH, // main页面距离win底部的高度
                w: 'auto' // main页面的宽度 自适应屏幕宽度
        },
        frames:
        [{
            name: 'main',
            url: './html/main.html',
            bounces:true,
            vScrollBarEnabled:false,
            hScrollBarEnabled:false
        },{
            name: 'msg',
            url: './html/msg.html',
            bounces:true,
            vScrollBarEnabled:false,
            hScrollBarEnabled:false
        },{
            name: 'mine',
            url: './html/mine.html',
            bounces:true,
            vScrollBarEnabled:false,
            hScrollBarEnabled:false
        }]
    }, function(ret){
      $api.removeCls($api.dom('#tab div.active'),'active');
      $api.addCls($api.byId(''+ret.name+''),'active');
    })

  }
  //调用函数
  function tab_change(num){
    api.setFrameGroupIndex({
        name: 'group',
        index: num
    });
  }
 没有了 vue基础篇及生命周期 
暂无评论
shijiebei 365bet manbetx 188bet xinshui caipiao 95zz tongbaoyule beplay 88bifa 18luck betway bwin hg0088 aomenjinshayulecheng ca88 shenbotaiyangcheng vwin w88 weide