text: import React from 'react'
  import PlaylistCoverImg from '@/components/playlist-cover-img'
  import { hasNotDoneToast } from '@/utils/tools'
  import './index.scss'
  
  // 歌单页面中部 歌单信息
  const PlaylistInfo = props => {
    const {
      playCount,
      coverImgUrl,
      playlistName,
      description,
      commentCount,
      shareCount,
      avatarUrl,
      nickname,
      blurCoverImgUrl,
      opacity
    } = props
  
    return (
      <div className="playlist-info">
        <div
          className="playlist-info-bg-img"
          style={{ backgroundImage: `url(${blurCoverImgUrl})` }}
        ></div>
        <div className="playlist-info-main" style={{ opacity }}>
          <div className="playlist-cover-img-wrapper">
            <PlaylistCoverImg coverImgUrl={coverImgUrl + '?param=200y200'} playCount={playCount} />
          </div>
          <div className="playlist-info-main-right">
            <p className="playlist-title two-lines-ellipsis">{playlistName}</p>
            <div className="playlist-creator">
              <img className="avatar" src={avatarUrl + '?param=200y200'} alt="" />
              <span>{nickname}</span>
              <i className="iconfont icon-gengduo"></i>
            </div>
            <div className="playlist-desc ">
              <p className="two-lines-ellipsis">{description}</p>
              {description && <i className="iconfont icon-gengduo"></i>}
            </div>
          </div>
        </div>
        <div className="playlist-options" style={{ opacity }}>
          <div className="playlist-comment" onClick={hasNotDoneToast}>
            <i className="iconfont icon-pinglun"></i>
            <span>{commentCount || '评论'}</span>
          </div>
          <div className="playlist-share" onClick={hasNotDoneToast}>
            <i className="iconfont icon-fenxiang"></i>
            <span>{shareCount || '分享'}</span>
          </div>
          <div className="playlist-download" onClick={hasNotDoneToast}>
            <i className="iconfont icon-xiazai"></i>
            <span>下载</span>
          </div>
          <div className="playlist-multiple-choice" onClick={hasNotDoneToast}>
            <i className="iconfont icon-duoxuan"></i>
            <span>多选</span>
          </div>
        </div>
      </div>
    )
  }
  
  export default React.memo(PlaylistInfo)
  