Framework7 很强
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <!-- framework7 --> <link rel="stylesheet" href="framework7/dist/css/framework7.min.css"> <link rel="stylesheet" href="framework7/dist/css/framework7.md.min.css"> </head> <body> <div id="container" class='main-table' id="as-main-table" style="overflow: hidden"> <div class="list accordion-list"> <ul> <li class="accordion-item "> <div class="item-content item-link"> 1 </div> <div class="accordion-item-content"> 1 </div> </li> </ul> </div> </div> <br> <div id="container2" class="list links-list"> <ul> <li><a href="#"> <div style="text-indent: 10px;">aaaa</div> <div>2</div> </a></li> <li><a href="#"> <div style="text-indent: 10px;">bbbb</div> <div>5</div> </a></li> <li><a href="#"> <div style="text-indent: 10px;">cccc</div> <div>9</div> </a></li> <li><a href="#"> <div style="text-indent: 10px;">dddd</div> <div>1</div> </a></li> </ul> </div> </body> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="framework7/dist/js/framework7.min.js"></script> <script> var app = new Framework7({ root: '#app', name: 'My App', id: 'main_app', panel: { swipe: 'left' }, touch: { tapHold: true //enable tap hold events }, dialog: { // set default title for all dialog shortcuts title: '提示框', // change default "OK" button text buttonOk: '确定', buttonCancel: '关闭' }, // Add default routes routes: [ { path: '/about/', url: 'about.html', } ] }); </script> </html>