我正在阅读Angular-Material网站上的example for md-list(和md-item)。在源代码中我看到了这个html:
<div ng-controller="AppCtrl">
<md-content>
<md-list>
<md-item ng-repeat="item in todos">
<md-item-content>
<div class="md-tile-left">
<img ng-src="{{item.face}}" class="face" alt="{{item.who}}">
</div>
<div class="md-tile-content">
<h3>{{item.what}}</h3>
<h4>{{item.who}}</h4>
<p>
{{item.notes}}
</p>
</div>
</md-item-content>
</md-item>
</md-list>
</md-content>
</div>
但是我没看到什么是md-tile-left和md-tile-content,我在lists-example的源代码的docs或CSS中找不到这些内容。我在哪里可以找到关于这些课程的信息呢?
答案 0 :(得分:3)
通过检查来源我找到了docs.css中的类
/ ** *列表项的左侧切片。 * /
.md-tile-left {
min-width: 56px;
margin-right: -16px; }
/ ** *列表项的中心内容磁贴。 * /
.md-tile-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 16px;
text-overflow: ellipsis; }
.md-tile-content h3 {
margin: 0 0 3px 0;
font-weight: 400;
font-size: 1.1em; }
.md-tile-content h4 {
margin: 0 0 3px 0;
font-weight: 400;
font-size: 0.9em; }
.md-tile-content p {
margin: 0 0 3px 0;
font-size: 0.75em; }
请参阅 - List css file on github