tooltip使用

作者: lMadman | 来源:发表于2016-08-30 12:08 被阅读108次
    <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>
    

    相关文章

      网友评论

        本文标题:tooltip使用

        本文链接:https://www.haomeiwen.com/subject/igvfettx.html