1***@qq.com
1***@qq.com
  • 发布:2017-08-04 11:57
  • 更新:2017-08-09 12:25
  • 阅读:1674

mui 如何实现qq看点那样侧滑菜单?

分类:MUI

2017-08-04 11:57 负责人:无 分享
已邀请:
LLgg

LLgg

看一下下面这一个代码是不是符合你的要求

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

1***@qq.com

1***@qq.com (作者) - 软件工程师

谢谢你!,我要的就是这个功能

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