Slide 21
Slide 21 text
Web᯿ԏ᭲
![]()
.media {
&:after{
content:"";
display: table;
clear:both;
}
&__object {
float: left;
}
&__body {
overflow: hidden;
}
}
...
Slide 22
Slide 22 text
Web᯿ԏ᭲
![]()
.media {
&:after{
content:"";
display: table;
clear:both;
}
&__object {
float: left;
&.pull-right{
float:right;
}
}
&__body {
overflow: hidden;
}
}
...
...
Slide 24
Slide 24 text
Web᯿ԏ᭲
![]()
![]()
...
...
Slide 27
Slide 27 text
Web᯿ԏ᭲
![]()
.flag {
display: table;
width: 100%;
&__item {
display: table-cell;
vertical-align: middle;
&--top {
vertical-align: top;
}
&--bottom {
vertical-align: bottom;
}
}
}
...
Slide 30
Slide 30 text
Web᯿ԏ᭲
var media = doc.createElement('div');
media.className = ‘media';
media.innerHTML = '' +
'![]()
' +
'' +
'
…
’;
media.querySelector(‘.media__object’).href = media.link;
media.querySelector(‘.media__object img').src = media.avatarImg;
…