apiCloud中Frame框的操作,显示与隐藏Frame
生活随笔
收集整理的這篇文章主要介紹了
apiCloud中Frame框的操作,显示与隐藏Frame
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Frame是一層一層的概念,
有的位于上層,有的位于下層。
1.加載菜單
2.加載頁(yè)面層
3.首頁(yè)拆分出內(nèi)容層,這個(gè)時(shí)候內(nèi)容層位于頁(yè)面層的上方,當(dāng)點(diǎn)擊其他頁(yè)面的時(shí)候,內(nèi)容層遮擋住了他們
解決方案一
判斷是否是首頁(yè),如果不是首頁(yè),則將內(nèi)容層調(diào)整到頁(yè)面層后方。
如果是首頁(yè),則將內(nèi)容層調(diào)整到前方。
這種方案有個(gè)弊端,就是其它層下拉的時(shí)候,還能夠看到內(nèi)容層的殘留。
解決方案二
通過設(shè)置Frame屬性,將Frame進(jìn)行隱藏和顯示操作。這就完美了。
具體代碼如下,
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, // 默認(rèn)是首頁(yè)frames: frames}, function (ret, err) {if (ret.index != '0') { // 不是首頁(yè) // api.sendFrameToBack({ // 調(diào)整到后方 // from: 'frame0Con', // to: ret.frameName // });api.setFrameAttr({ // 隱藏內(nèi)容層name: 'frame0Con',hidden:true,});} else { // 是首頁(yè) // api.bringFrameToFront({ // 調(diào)整到前方 // from: 'frame0Con', // to: ret.frameName // });api.setFrameAttr({ // 顯示內(nèi)容層name: 'frame0Con',hidden:false,});}});轉(zhuǎn)載于:https://www.cnblogs.com/jiqing9006/p/5970419.html
總結(jié)
以上是生活随笔為你收集整理的apiCloud中Frame框的操作,显示与隐藏Frame的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Scala笔记整理
- 下一篇: API的非向后兼容性无论如何通常代表着一