1.今天继续做华安PC端商城的界面,因为已经比较熟悉了,所以做的比上次快不少。但是由于组件复用性还是很低,很多都要自己进行大量修改。做的速度还是很一般。今天差不多做了总工程量的一半。
2.css里的cursor:pointer
样式,挺实用的,会把元素变成鼠标滑过,像超链接那样的手掌标记。
3.学到了关于line-height
和height
的联系。如果该div设置了高度,同时设置了相同的行高,那么垂直方向上 该DIV里的文本就是居中的。同时,如果该div未设置高度,那么无论给div设置什么行高,都可以使之居中。
4.在写样式的过程中,对于css盒子模型的认识加深了。基本能完全还原UI的界面。
5.不能使用flex布局的情况下,水平方向固定宽度的div里的子div还真的不好定位,因为如果固定边距的话,有一个子div宽度过宽,就会超过父div。解决办法是,给子div设固定宽度。然后在可能超过该宽度的子div里使用超出…即可。
6.jquery里有一个tab切换很简单的写法,
$('.left-nav li').click(function() {
$(this).addClass('current').siblings().removeClass('current');
})
$('.ui-modal-nav span').on('click', function() {
$(this).addClass('current').siblings().removeClass('current');
$('.tab-content.' + $(this)[0].id).addClass('current').siblings().removeClass('current');
})
在tab-content 写法是这样的:
<div class="tab-content fundManager" id="fundManagerList">
current定义显示和隐藏。