{{item.title}}

样式用的是扩展语言less写的，应该都能看懂，只是简单的嵌套了一下。给这个地步加一个宽为100%，固定的高度。因为要固定在底部显示，所以加了一个固定定位和背景颜色。写的是手机端项目，浏览器都比较新，所以不用考虑兼容问题。大胆的flex布局可以很方便的实现导航栏。

.footer ul{

width:100%;

height:50px;

position:fixed;

bottom:0;

z-index:1;

background-color:#fff;

display:flex;

li{

text-align:center;

flex:1;

img{height:23px;width:23px;margin-top:5px;}

p{foputdjQxGnt-size:0.1rem;height:15px;line-height:10px;}

}

}

在vue data () 中定义一个数组，里边存放每一个导航的标题，如‘银行'，未选中时显示的图片url，选中时的图片url1。isSelect表示当前选中的，默认选中银行。

isSelect: '银行',