2018-09-20 工作日报

上午

1.继续写“我的会员”的静态界面,发现自己对flex布局还是不是很熟,需要参考网上资料和项目中已有的界面进行巩固。

2.CSS justify-content 属性
2018-09-20 工作日报_第1张图片

3.flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto。后两个属性可选。

.item {
  flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
}
该属性有两个快捷值:auto (1 1 auto) 和 none (0 0 auto)。

建议优先使用这个属性,而不是单独写三个分离的属性,因为浏览器会推算相关值。

下午

4.同事带我走了一趟从jira接到任务开始,到提交分支并merge到master分支,完成单子的一般流程。问题是评论正文页,发表观点者为海博士或者大V,头像无V下标,用户名非金色,解决方法是 给对应的div添加一个伪类,类名是后台传的data.userType,以此来决定带V的图片种类。0为不填,1,2,3,分别为不同V的图标。

5.CSS overflow 属性
2018-09-20 工作日报_第2张图片

6."我的会员"界面demo完成,基本使用flex布局,请教同事后,发现布局和结构方面没什么问题。同事说,img最好还是用div容器包起来比较好。以后注意。效果如下图:
2018-09-20 工作日报_第3张图片

2018-09-20 工作日报_第4张图片

7.关于本项目的template7写法,if else 使用{{#js_compare }} {{/js_compare }}.循环数组的话,使用{{#list}} 然后在div里使用{{属性名}}即可。

你可能感兴趣的:(企业周报)