发表于: 2019-01-31 10:43:20
1 622
感觉好久没做任务了,也没写日报了,把这段时间搞的页面发上来。由于只有需求,没有效果图,所以页面设计也是自己看着来的
过年在家把修真院的任务赶一赶,明天把上周搞的页面发一下。也算是记录一下自己都做了啥
今天完成的事情:会议app界面制作(这个是要在pad上横屏展示的所以做的比较宽 设备屏幕参数1920x1200)
明天计划的事情:任务7
遇到的问题:
meeting页点击左边菜单右面内容发生变化 解决方法:iframe
返回按钮添加事件 目标是回到本次打开页面的上一页,但是由于我不会js,而且这个只有两个主页面,就全加的index页的链接。但是等以后有三个主页面了返回按钮应该怎么弄?
图片轮播,由于时间比较紧,直接用的layui框架
时间轴,也直接套的layui
还发现flex不兼容ie9以下版本,应该怎么解决?
收获:
1.iframe的使用
菜单部分添加<a href="article.html" target="menuFrame">菜单条目1</a>
<a href="article.html" target="menuFrame">菜单条目2</a>
......
其中target表明的是页面出现的位置,所以如果需要iframe页在同一处出现的话,链接里的target属性应相同。
右侧动态刷新部分
<div>
<iframe id="menuFrame" name="menuFrame" src="meeting-detail.html" style="overflow:visible;" scrolling="yes" frameborder="no" width="100%" height="100%; float:right">
</iframe>
</div>
其中src指的是默认展示的页面
然后再把右侧内容对应的html页面做一下就ok啦,需要注意iframe页面不继承父页面的css,所以需要重新再在head里声明一下
2.css选择器
页面一多css文件就很乱,这时候需要用到选择器
.class-a .class-b{} 代表的是class-a中class-b样式的元素
.class-a , .class-b{} 代表的是class-a和class-b样式的元素
评论