和尚丶
和尚丶
  • 发布:2015-03-30 18:15
  • 更新:2015-04-01 16:18
  • 阅读:1178

发现一BUG 底栏上移 下不来

分类:MUI

在IOS下 有个ul li 的列表,当 li 设置为只读的时候,单击这个li标签 nva底栏会上去 紧贴ul下面

2015-03-30 18:15 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

贴一下完整的测试代码

  • 和尚丶 (作者)

    <!DOCTYPE html>

    <html>


    <head>  
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>创建比赛</title>
    <script src="../../js/mui.min.js"></script>
    <link href="../../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/custom.css" />
    <script src="../../js/custom/common.js"></script>
    <script type="text/javascript" charset="utf-8">
    mui.init();
    </script>
    </head>

    <body>

    <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>

    <form id="form1" class="mui-input-group" style="margin:45px 0px;">
    <div class="mui-table-view-divider">参赛信息</div>
    <div class="mui-input-row" style="height: 40px;padding-top: 2px;">
    <label style="font-size: 15px;">赛事名称</label>
    <input id="MatchName" type="text" placeholder="...">
    </div>
    <div class="mui-input-row" style="height: 40px;padding-top: 2px;">
    <label style="font-size: 15px;">比赛时间</label>
    <input id="GameDate" type="date" value="">
    </div>
    <div class="mui-input-row" style="height: 40px;padding-top: 2px;">
    <label style="font-size: 15px;">比赛地点</label>
    <input id="Remark" type="text" placeholder="...">
    </div>
    <div class="mui-input-row" style="height: 40px;padding-top: 2px;">
    <label style="font-size: 15px;">让子规则</label>
    <SELECT id="rangzi" name="state">
    <OPTION value="1">让你一个子</OPTION>
    <OPTION value="2">让你两个子</OPTION>
    <OPTION value="3">让你三个子</OPTION>
    </SELECT>
    </div>
    <div class="mui-input-row" style="height: 40px;padding-top: 2px;">
    <label style="font-size: 15px;">棋盘大小</label>
    <SELECT id="chessboard" name="state">
    <OPTION value="1">19 × 19</OPTION>
    <OPTION value="2">13 × 13</OPTION>
    <OPTION value="3">9 × 9</OPTION>
    </SELECT>
    </div>
    <div class="mui-input-row" style="height: 40px;padding-top: 2px;">
    <label style="font-size: 15px;">轮次</label>
    <input type="number" />
    </div>

    <div class="mui-table-view-divider">参赛条件</div>
    <div class="mui-input-row" style="height: 40px;padding-top: 2px;">
    <label style="font-size: 15px;">等级分</label>
    <input id="BlackPlayer" type="text" placeholder="...">
    </div>
    <div class="mui-input-row" style="height: 40px;padding-top: 2px;">
    <label style="font-size: 15px;">性别</label>
    <SELECT id="sex" name="state" >
    <OPTION value="1">男</OPTION>
    <OPTION value="2">女</OPTION>
    </SELECT>
    </div>
    <div class="mui-input-row" style="height: 40px;padding-top: 2px;">
    <label style="font-size: 15px;">年龄段</label>
    <SELECT id="sex" name="state">
    <OPTION value="">请选择</OPTION>
    <OPTION value="1">15岁以下</OPTION>
    <OPTION value="2">16岁至22岁</OPTION>
    </SELECT>
    </div>
    </form>

    <nav class="mui-bar mui-bar-tab" style="background-color: #F9F9F9;">
    <a id="creatematch" class="mui-tab-item" style="color: #007AFF;">
    创建比赛
    </a>
    </nav>

    </body>
    <script>
    document.getElementById("creatematch").addEventListener("tap",function(){
    mui.openWindow({
    url: "round.html",
    id: "round.html",
    show: {
    aniShow: mui.common.as,
    duration: mui.common.at
    }
    })
    })
    document.getElementById("GameDate").value = new Date().toString("yyyy-MM-dd");
    </script>

    </html>

    2015-03-31 11:31

DCloud_UNI_FXY

DCloud_UNI_FXY

你的问题是什么?怎么看你的问题和你贴的代码不对应

  • 和尚丶 (作者)

    说错了 不是li标签 是input

    2015-04-01 16:21

  • DCloud_UNI_FXY

    下个版本修复此问题

    2015-04-01 16:34

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