思路
我的思路是,制作一个类似支付宝这个“宫格式导航栏”
完成截图
主要源代码
css部分
html部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>导航栏测试</title>
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<style>
.categoryLiIcon{
overflow:hidden;
background:#d2d2d2;
margin:.15rem 0;
padding-bottom:.5rem;
}
.categoryLiIcon li{
float:left;
width:25%;