#header{ background: white; text-align: center; margin:0 auto; } #jiugongge{ margin-top:20px; } #jiugongge div{ text-align: center; } .production{ display:flex; margin-top:10px; } .production .image{ flex: 1; } .production .content{ flex: 2; } .image img { width:150px; } #nav{ position: fixed; bottom: 0px; background: white; width:100%; margin:0 10px; } #nav ul{ width:100%; } #nav li{ width:24%; } #produces{ height:40px; margin-bottom: 40px; }
js代码：
$('ul').on('click','li',function(){ $('li').attr('class','') $(this).attr('class','active') })
效果图：
以上就是Vue.js框架路由使用方法，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
您可能感兴趣的文章: