Skip to content

Latest commit

 

History

History
23 lines (16 loc) · 1.49 KB

README.md

File metadata and controls

23 lines (16 loc) · 1.49 KB

这是用flex布局写的一个页面(对应任务12/66),里面的语法基本遵循了 EFE HTML编码规范 EFE CSS编码规范
flex弹性布局是一种响应式的布局,通过写这个页面可以发现它的适配性还是不错的,实现起来也比较简单
此代码按规范来写,感觉格式简洁美观,写代码不仅仅是把原型写出来那么简单,写的优美简洁才是重点,要加油

IFE-flex-text-1和IFE-flex-text-2对应任务19/66 IFE-flex-text-1加了js,导航栏的下拉采用CSS来实现,轮播是左右移动的样式
IFE-flex-text-2加了js,所有的动态效果都由js实现,导航栏的下拉,轮播的淡入淡出样式,Tab选项卡切换以及Select联动

IFE-flex-text-3 对应任务24/66 实现左侧导航栏和右侧表格,具体样式及动态的要求参见任务

IFE-flex-text-4 对应任务29/66 左侧导航栏及其二级菜单和右侧表格用JSON动态生成,遮罩蒙层效果及从弹出框的具体要求参见任务

IFE-flex-text-5 中的样式表使用less写的,主要用了less的变量和嵌入,但是真正运行的时候是把less又转换成了css

IFE-flex-text-6 中的样式表使用sass写的,主要用了sass的变量、嵌入和mixin,但是真正运行的时候是把sass又转换成了css