psd切图 模拟简单页面
(用时大概半天 不太熟练 还需要增加效率)
切了一部分的图,按钮部分主要用bootstrap框架。
习惯性的先用div大概构建了整体页面布局(学校教的,我也不知道这样对不对,命名也是个问题之后要学习规范用法)
这是psd原图
这是我最后实现的页面
左部分 用到div并列(栅栏结构col运用效果不太理想),还有带徽章的列表组
bootstrap自带的li背景颜色是#777,css设置优先级更改。(完成度80%吧)
右半部分完成度就比较低了,大概只有60%。光靠bootstrap无法完成,主要是到了后面比较烦躁。
bootstrap的分割线一直没学会,也没有看到具体教程。