点击输入框之前这种状态
点击输入框之后是这种状态,并且无论你点击其它任何地方,输入框中的焦点都不会失去。
<!-- 主界面不动、菜单移动 -->
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-right" id="offCanvasSide">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
</div>
</div>
</aside>
<!-- 主页面容器 -->
<div class="mui-inner-wrap">
<!-- 主页面标题 -->
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-right" href="#offCanvasSide"></a>
<div class="mui-input-row mui-search" style="margin:0;position: absolute; width: 85%;">
<input type="search" class="mui-input-clear" placeholder="请输入厚度进行查询">
</div>
</header>
<div class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 主界面具体展示内容 -->
</div>
</div>
<div class="mui-off-canvas-backdrop"></div>
</div>
</div>