主要属性就是IsAncestor、IsParent、IsChild,还有控制方向的IsVertial
Size属性控制大小,Size.Size1~Size.Size12
主要属性就是IsAncestor、IsParent、IsChild,还有控制方向的IsVertial
Size属性控制大小,Size.Size1~Size.Size12
<Tile IsAncestor>
<Tile IsVertical Size="Size.Size8">
<Tile>
<Tile IsParent IsVertical>
<Notification class="tile is-child" Color="Color.Primary">
<Content>
<Title>Vertical...</Title>
<Subtitle>Top tile</Subtitle>
</Content>
</Notification>
<Notification class="tile is-child" Color="Color.Warning">
<Content>
<Title>...tiles</Title>
<Subtitle>Bottom tile</Subtitle>
</Content>
</Notification>
</Tile>
<Tile IsParent>
<Notification class="tile is-child">
<Content>
<Title>Middle tile</Title>
<Subtitle>With an image</Subtitle>
<Image Src="/images/image-placeholder.jpg" Ratio="Ratio.Ratio4by3" />
</Content>
</Notification>
</Tile>
</Tile>
<Tile IsParent>
<Notification Color="Color.Danger" class="tile is-child">
<Content>
<Title>Wide tile</Title>
<Subtitle>Aligned with the right tile</Subtitle>
<Content>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin ornare magna eros, eu pellentesque tortor vestibulum ut.
Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
</Content>
</Content>
</Notification>
</Tile>
</Tile>
<Tile IsParent>
<Notification Color="Color.Success" class="tile is-child">
<Content>
<Title>Tall tile</Title>
<Subtitle>With even more content</Subtitle>
<Content>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam semper diam at erat pulvinar, at pulvinar felis blandit.
Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.
Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci,
quis semper odio felis ut quam.
</Content>
<Content>
Suspendisse varius ligula in molestie lacinia.
Maecenas varius eget ligula a sagittis.
Pellentesque interdum, nisl nec interdum maximus,
augue diam porttitor lorem, et sollicitudin felis neque sit amet erat.
Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet.
Aenean vitae gravida diam, finibus dignissim turpis.
Sed eget varius ligula, at volutpat tortor.
</Content>
<Content>
Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat,
vitae congue lectus dolor consequat libero. Donec leo ligula,
maximus et pellentesque sed, gravida a metus.
Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus,
squis faucibus libero. Quisque non semper leo.
</Content>
</Content>
</Notification>
</Tile>
</Tile>
文档