YTHZJK
YTHZJK
  • 发布:2016-04-01 15:02
  • 更新:2016-04-01 16:16
  • 阅读:2703

MUI下拉 loading位置不对,能不能定义?

分类:MUI

一、详细情况:
1.分两个页面,
2.A页面,定义一个DIV
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
h1 class="mui-title" >流程管理</h1>
</header>
<div class="mui-content ">
<div style="padding: 5px 10px;">
<div id="segmentedControl" class="mui-segmented-control">
<a class="mui-control-item " id="wwpersonal">个人常用</a>
<a class="mui-control-item mui-active" id="wwcommon">快速通道</a>
<a class="mui-control-item" id="wwall">所有流程</a>
</div>
</div>
</div>

3.A页面 使用plus.webview.create,使用top扣除顶部位置。
allwv=plus.webview.create("b.html", subPageId, {
top: "95px",
bottom: "0px",
scalable: subPagescalable
},{action:actionid});
ws.append(allwv);

4.B页面使用下拉刷新。

  1. 显示效果见附件。
    二、存在问题:
    1.下拉loading会被A页面DIV遮盖。
    2。下拉距离,到松开的距离计算了DIV 高度。
    3.下拉LOADING不会自动关闭
    4.之所以这样使用,是为了加载页面时,屏幕不会出现白屏。官方也有类似运用,但是与下拉组合时存在问题。
    三、使用本方式存在问题的还有POPVER,PICKER等插件。
    请各位大神指点一二。
2016-04-01 15:02 负责人:无 分享
已邀请:
YTHZJK

YTHZJK (作者)

1.下拉的样式显示问题
http://ask.dcloud.net.cn/question/9789
DCloud_MUI_new 大哥已经解决
你可以根据实际需求在父页面给mui-content设置top属性来解决

    .mui-bar-nav ~ .mui-content .mui-pull-top-pocket{  
        top: 180px !important;  
    }  

谢谢。

BoredApe

BoredApe - 有问题就会有答案。

该问题目前已经被锁定, 无法添加新回复