Bananooooo
Bananooooo
  • 发布:2018-12-01 10:03
  • 更新:2019-04-03 18:32
  • 阅读:1570

侧滑菜单作中在mui-content 添加列表数据无法滚动,有没有什么解决办法,代码如下

分类:MUI

<body>
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 菜单具体展示内容 -->
<center>
<img class="logo" src="image/demo1.png" alt="logo">
<p><a class="home">掌上城管</a></p>
<p><a class="home">版本: <span id="version">1.0.0</span></a></p>
</center>
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<img class="mui-media-object mui-pull-left" src="image/icon_fixed_archives.png">
<a>案件管理</a>
</li>
<li class="mui-table-view-cell">
<img class="mui-media-object mui-pull-left" src="image/icon_fixed_upload.png">
<a>案件上报</a>
</li>
<li class="mui-table-view-cell">
<img class="mui-media-object mui-pull-left" src="image/icon_fixed_message.png">
<a>消息提醒</a>
<span class="mui-badge mui-badge-red">9</span>
</li>
<li class="mui-table-view-cell">
<img class="mui-media-object mui-pull-left" src="image/icon_fixed_device2.png">
<a>设备信息</a>
</li>
<li class="mui-table-view-cell">
<img class="mui-media-object mui-pull-left" src="image/icon_fixed_cache.png">
<a>清理缓存</a>
<span class="mui-badge">3.14M</span>
</li>
<li class="mui-table-view-cell">
<img class="mui-media-object mui-pull-left" src="image/icon_fixed_exit2.png">
<a>退出</a>
</li>
</ul>
</div>
</div>
</aside>
<!-- 主页面容器 -->
<div class="mui-inner-wrap" style="box-shadow: -1px 0px 5px #888888;">
<!-- 主页面标题 -->
<header class="mui-bar mui-bar-nav mui-badge-red">
<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
<h1 class="mui-title" style="color: #FFFFFF;">案件管理</h1>
</header>
<div class="mui-content mui-scroll-wrapper">
<div class="mui-scroll" id="app">
<!-- 主界面具体展示内容 -->
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-media" v-for="item in dataList">
<a href="javascript:;">
<img class="mui-media-object mui-pull-left" src="image/demo1.png">
<div class="mui-media-body">
{{item.title}}
<p class='mui-ellipsis'>{{item.content}}</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>

2018-12-01 10:03 2 条评论 负责人:无 分享
已邀请:
Bananooooo

Bananooooo (作者)

没人吗??

全村人的老司机

全村人的老司机 - 头像有缓存!不更新!你说气不气!

<div class="mui-content mui-scroll-wrapper" id="app">  

                <div class="mui-scroll" >  

                    <!-- 主界面具体展示内容 -->  

                    <ul class="mui-table-view">  

                        <li class="mui-table-view-cell mui-media" v-for="item in dataList">  

                            <a href="javascript:;">  

                                <img class="mui-media-object mui-pull-left" src="image/demo1.png">  

                                <div class="mui-media-body">  

                                    {{item.title}}  

                                    <p class='mui-ellipsis'>{{item.content}}</p>  

                                </div>  

                            </a>  

                        </li>  

                    </ul>  

                </div>  

            </div>

div元素的ID 放错位置了 id要放在 mui-scroll 父级元素上

y***@163.com

y***@163.com

我也遇到了请问怎么解决的?

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