这是我的第二篇博客

前端响应式首页修改过程

​ 加粗的字体表示未完成的内容以及当时记录的时间, 或者表示未完成的内容被完成的时间.

1. 页面顶部导航

  1. 取消了navbar的绝对定位，占据文档流，修改其html结构， 然后显示在页面上部
  2. 修复了因为屏幕突然变小而造成导航栏塌陷的BUG（0408 18：33未完成）
  3. 使用flex布局处理导航栏塌陷的问题 (0409 - 17:04 已完成)

2. 左边菜单

​

2.1 左边菜单已解决BUG

  1. 取消左边一级菜单的绝对定位, 让其占据文档流, 以进一步实现响应式
  2. 取消右边二级菜单的动画移动效果
  3. 解决了双击一级菜单会无法显示的bug
  4. 通过取消其移动达到了左边一级菜单始终显示的效果.
  5. 修复了在移动端下左边菜单用于展开菜单的黑色图标无法显示的bug
  6. 修复了,在点击二级菜单后, 再点击首页头像显示异常的bug
  7. 在点击左边一级菜单之后的其他选项后, 再点击首页, 会头像显示异常(0409- 14:07)
  8. 修复了, 左边菜单首位显示头像异常的, 使其总是在点击首页确定展开之后才显示头像(0409 - 16:00)
  9. 点击左边一级菜单的图标才会显示效果, 点击没有反应(0409-14:33)

2.2 左边菜单未解决BUG

  1. 点击左边一级菜单的图标才会显示效果, 点击没有反应(0408-18:33)
  2. 在点击左边一级菜单之后的其他选项后, 再点击首页, 会头像显示异常(0409- 18:33)
  3. 取消了原先在左边一级菜单中P标签的点击事件, 使得当点击P标签时会冒泡到父元素,被父元素监听,触发父元素A标签的方法.(未完成 0409 - 16:30 )

3. iframe层

3.1 已修复

3.1.1 首页
  1. 页面中显示居中的效果
  2. 事务通知可横向滚动选取
  3. 通知栏可横向滚动显示全内容(“原先显示不出校内新闻”)
  4. 固定下载栏操作列, 其他内容可以横向滚动显示(0408-18:33未完成)
  5. 首页iframe层在移动端设备下与浏览器高度自适应
  6. 个人日历在移动端的响应式处理(0409- 完成)

3.2 未修复

  1. 固定下载栏操作列, 其他内容可以横向滚动显示(0408-18:33未完成)
赏

请我吃点东西吧, 我的已经3天没吃饭了

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

这个人很懒<br><br>几乎什么都没有写<br>真是抱歉了