apiCloud中Frame框的操作,显示与隐藏Frame
生活随笔
收集整理的這篇文章主要介紹了
apiCloud中Frame框的操作,显示与隐藏Frame
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Frame是一層一層的概念,
有的位于上層,有的位于下層。
1.加載菜單
2.加載頁面層
3.首頁拆分出內容層,這個時候內容層位于頁面層的上方,當點擊其他頁面的時候,內容層遮擋住了他們
解決方案一
判斷是否是首頁,如果不是首頁,則將內容層調整到頁面層后方。
如果是首頁,則將內容層調整到前方。
這種方案有個弊端,就是其它層下拉的時候,還能夠看到內容層的殘留。
解決方案二
通過設置Frame屬性,將Frame進行隱藏和顯示操作。這就完美了。
具體代碼如下,
var eFooterLis = $api.domAll('#footer .aui-bar-tab-item'),frames = []; // 選擇所有匹配的DOM元素for (var i = 0,len = eFooterLis.length; i < len; i++) {// 判斷是否登錄var username = $api.getStorage('customer_id');var url = './html/frame'+i+'.html';if (i==4 && !username) {url = './html/userLogin.html';}frames.push( { name: 'frame'+i, url: url,bgColor : 'rgba(0,0,0,.2)',bounces:true,pageParam:{'footer_height':$api.dom('footer').offsetHeight},} )}api.openFrameGroup({ // 打開 frame 組name: 'group',scrollEnabled: false,rect: {x: 0,y: 0,w: api.winWidth,h: api.winHeight-$api.dom('footer').offsetHeight},index: 0, // 默認是首頁frames: frames}, function (ret, err) {if (ret.index != '0') { // 不是首頁 // api.sendFrameToBack({ // 調整到后方 // from: 'frame0Con', // to: ret.frameName // });api.setFrameAttr({ // 隱藏內容層name: 'frame0Con',hidden:true,});} else { // 是首頁 // api.bringFrameToFront({ // 調整到前方 // from: 'frame0Con', // to: ret.frameName // });api.setFrameAttr({ // 顯示內容層name: 'frame0Con',hidden:false,});}});轉載于:https://www.cnblogs.com/jiqing9006/p/5970419.html
總結
以上是生活随笔為你收集整理的apiCloud中Frame框的操作,显示与隐藏Frame的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Scala笔记整理
- 下一篇: 梦到自己的坟墓是什么意思