发表于: 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样式的元素




返回列表 返回列表
评论

    分享到