发表于: 2020-02-16 22:56:40
1 1382
今天完成的事情
今天主要做的还是任务6到10的页面的样式。页面的布局采用的是bootstrap的导航栏加栅格的样式,导航栏的部分主要是有一个导航条是处在左侧的手风琴样式。可以把手风琴的样式当成一个组件引用到我们的导航显示隐藏的内容中去
在这其中的样式调整因为是在框架中的缘故需要逐步去查漏补缺。一些显示的位置问题需要我们不断的调整,另一方面是手风琴的功能,它需要在第二级的子菜单中添加路由跳转的功能,不同的内容显示不同的地址从而创造不同的页面内容。
<ul class=" list" >
<li class="active" role="presentation" v-for="item,i in dataList" >
<a href="#" @click="dianji(i)" :style="{background:index==i?'grey':'#232A3A'}"
v-text="item.title"></a>
<ul v-bind:style="{display:index==i?'block':'none'}" v-for="opt in item.list1">
<button v-text="opt.content" ></button>
</ul>
</li>
</ul>
手风琴的做法是循环列表项的做法,在这其中要加入不同的路由跳转需要考虑一下应该如何的实现这样的功能。
明天要完成的事情
明天要完成的是完善页面布局思考路由跳转的方法以及跳转后的显示过程。
评论