0

这是我滚动时看到的我刚刚开始进行 Web 开发,并认为自己是 CSS 和 HTML 的新手。

在下面的代码片段中,我无法md-subheadermd-fab-speed-dial. 可md-fab-speed-dial通过md-subheader. 我怎样才能移动md-subheader前面或md-fab-speed-dial移动后面?

<md-content style="height: 900px;" flex>
            <section>
                <md-subheader class="md-primary">Songs</md-subheader>
                <md-list layout-padding>
                    <div layout="row" ng-repeat="song in songs">
                        <md-list-item class="md-3-line" ng-click="playSong(song)" flex>
                            <div class="md-list-item-text" layout="column">
                                <h3>{{ song.title }}</h3>
                                <h4>{{ song.album }}</h4>
                                <p>{{ song.year }}</p>
                            </div>
                        </md-list-item>
                        <md-fab-speed-dial md-direction="left" md-open="demo.isOpen" class="md-scale" ng-mouseenter="demo.isOpen=true" ng-mouseleave="demo.isOpen=false" style="position: relative;">
                            <md-fab-trigger>
                                <md-button aria-label="menu" class="md-fab md-primary md-hue-3">
                                    <md-icon md-svg-src="assets/icons/queue_music.svg" aria-label="plalist"></md-icon>
                                </md-button>
                            </md-fab-trigger>
                            <md-fab-actions>
                                <md-button aria-label="add-playlist" class="md-fab md-raised md-mini" ng-click="">
                                    <md-tooltip md-direction="top" md-visible="tooltipVisible" md-autohide="false">
                                        Add to playlist
                                    </md-tooltip>
                                    <md-icon md-svg-src="assets/icons/playlist_add.svg"></md-icon>
                                </md-button>
                            </md-fab-actions>
                        </md-fab-speed-dial>
                    </div>
                </md-list>
            </section>
        </md-content>
4

0 回答 0