Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

点击行播放歌曲 #45

Open
richdho opened this issue May 27, 2016 · 0 comments
Open

点击行播放歌曲 #45

richdho opened this issue May 27, 2016 · 0 comments

Comments

@richdho
Copy link
Contributor

richdho commented May 27, 2016

不是点击歌曲名称而是可以点击所在行就可以播放歌曲。
我试着修改了下 listen1.html:217-236

<div ng-if="!song.disabled" add-and-play="song">
  <div class="col2">
    <a>{{ song.title }}</a>
  </div>
  <div class="col1 detail-artist"><a ng-click="showPlaylist(song.artist_id)">{{ song.artist }}</a></div>
  <div class="col2"><a ng-click="showPlaylist(song.album_id)">{{ song.album }}</a></div>
  <div class="detail-tools">
    <a title="添加到当前播放" class="detail-add-button" add-without-play="song" ng-show="options"></a>
    <a title="添加到歌单" class="detail-fav-button" ng-show="options" ng-click="showDialog(0, song)"></a>
    <a title="原始链接" class="source-button" open-url="song.source_url" ng-show="options"></a>
  </div>
</div>
<div ng-if="song.disabled" ng-click="copyrightNotice()" >
  <div class="col2">
    <a class="disabled">{{ song.title }}</a>
  </div>
  <div class="col1 detail-artist"><a ng-click="showPlaylist(song.artist_id)">{{ song.artist }}</a></div>
  <div class="col2"><a ng-click="showPlaylist(song.album_id)">{{ song.album }}</a></div>
</div>

但没有达到完美,这样修改之后行里的大部分区域是可以点击,但依然有部分点击是没有反应的,特别是歌曲名称太长变成两行字的话,列表行里不能点击的区域就更大了。
P.S. 如果歌曲因为版权原因不能播放, 我就不显示 div.detail-tools了
我知道是CSS的问题,只是我不是很擅长CSS, 知道修改的同学帮忙一下,谢谢了。
当然如果有更好的方案,也可以提出来~~

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants