1***@qq.com
- 发布：2017-08-04 11:57
- 更新：2017-08-09 12:25
- 阅读：1615
mui 如何实现qq看点那样侧滑菜单?
分类：MUI
看一下下面这一个代码是不是符合你的要求
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta charset="utf-8">
<title>模仿qq看点测滑--中旋网https://www.zzxxo.com</title>
<style>
::-webkit-scrollbar {
width: 0px;
}
body{
margin:0px;
}
.slide{
margin-top:50px;
width:100%;
overflow-x: scroll;
}
.slide_main{
width:900px;
list-style: none;
margin:0;
padding:0;
}
.slide_main li{
margin-right:5px;
display:inline-block;
height:35px;
line-height:35px;
width:80px;
text-align:center;
color: #000000;
font-size:15px;
border:1px solid #999;
border-radius: 25px;
}
</style>
</head>
<body>
<div class="slide">
<ul class="slide_main">
<li>体育</li>
<li>新闻</li>
<li>娱乐</li>
<li>搞笑</li>
<li>军事</li>
<li>美图</li>
<li>购物</li>
<li>科技</li>
<li>情感</li>
</ul>
</div>
</body>
</html>这是我的网站，O(∩_∩)O谢谢支持----->>中旋网zzxxo
