前端开发Angular.js专场Web前端之路

tooltip使用

2016-08-30  本文已影响108人  lMadman
<md-button class="md-fab" aria-label="Photos"> 
    <md-tooltip> Photos </md-tooltip>   //所要显示的文本内容
    <md-icon md-svg-src="img/icons/ic_photo_24px.svg" style="width: 24px; height: 24px;"></md-icon> //图标、按钮
</md-button>

这样鼠标移上这个按钮的时候,就会显示tooltip的内容,默认的样式是在按钮的下面,我们可以根据需要改变,使用<b>md-direction</b>,取值有<b>left、right、top、bottom</b>,例如:

<md-button class="md-fab" aria-label="Photos"> 
    <md-tooltip md-direction="right"> Photos </md-tooltip>   //所要显示的文本内容
    <md-icon md-svg-src="img/icons/ic_photo_24px.svg" style="width: 24px; height: 24px;"></md-icon> //图标、按钮
</md-button>
上一篇下一篇

猜你喜欢

热点阅读