发表于: 2019-12-31 22:33:10
1 1267
今天完成的事情
今天是继续写任务六的样式手风琴的功能实现没什么大的问题,但是因为在导航栏中的位置有所变化所以我选择了绝对定位的postition定位,来让他出现在我们想要它出现的位置。之后当屏幕分辨率调整到766px时那样它就能够隐藏起来而让我们的下拉导航栏出现了。
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class=" list" >
<li class="active" role="presentation" v-for="item,i in dataList">
<a href="#" @click="dianji(i)" :style="{background:index==i?'grey':'#000'}"
v-text="item.title"></a>
<ul v-bind:style="{display:index==i?'block':'none'}" v-for="opt in item.list1">
<li v-text="opt.content">list1_content1</li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
之后的要往手风琴中加入我们需要的链接跳转,这个部分的逻辑需要考虑一下应该如何的融合到我们写的这部分内容中去。
明天要完成的事情
明天要做的是继续写任务六的页面针对路由跳转部分查看资料如何实现只动一块区域其他的内容不动这个组件化的思想。
评论