至爱音乐论坛 » 『华语专辑分享』 » 焦迈奇 - Alien (2021)


2021-4-27 10:10 Saw
焦迈奇 - Alien (2021)

<div class="thread-content">
  <div class="thread-inner">
    <div class="album-info">
      <div class="album-lockup">
        <div class="album-artwork">
          <img class="album-artwork-img" src="https://a.radikal.ru/a42/2104/f2/d18e848676ce.jpg">
        </div>
      </div>

      <div class="header-and-tracks">
        <div class="album-header">
          <div class="album-header-meta">
            <h1 class="album-title">Alien</h1>
            <h2 class="album-artist">焦迈奇</h2>
            <h3 class="album-meta-info">国语流行乐  2021</h3>
          </div>
          <div class="album-notes">
            <div class="description-container">
              <div class="description-data">
               
              </div>
            </div>
          </div>
        </div>

        <div class="tracklist">
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>1</span>
            </div>
            
              <div class="tracklist-col song-title">
                <div>3189</div>
              </div>
            
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>2</span>
            </div>
            
              <div class="tracklist-col song-title">
                <div>L</div>
              </div>
            
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>3</span>
            </div>
            
              <div class="tracklist-col song-title">
                <div>在外星人眼中我是他们的人</div>
              </div>
            
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>4</span>
            </div>
            
              <div class="tracklist-col song-title">
                <div>体操高手</div>
              </div>
            
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>5</span>
            </div>
            
              <div class="tracklist-col song-title">
                <div>身体时钟的初恋</div>
              </div>
            
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>6</span>
            </div>
            
              <div class="tracklist-col song-title">
                <div>好看的邻居</div>
              </div>
            
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>7</span>
            </div>
            
              <div class="tracklist-col song-title">
                <div>介意我们一起跳舞吗</div>
              </div>
            
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>8</span>
            </div>
            
              <div class="tracklist-col song-title">
                <div>世界没有不好就好</div>
              </div>
            
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>9</span>
            </div>
            
              <div class="tracklist-col song-title">
                <div>关于想你这件事</div>
              </div>
            
          </div>
         
          <div class="tracklist-row track">
            <div class="tracklist-col song-index">
              <span>10</span>
            </div>
            
              <div class="tracklist-col song-title">
                <div>健康恋情 (feat.甜约翰)</div>
              </div>
            
          </div>
         
        </div>

        <div class="bottom-metadata">
          <div class="song-stat-container">
            共 10 首
          </div>
          <div class="release-stat-container">
            
              WEB / SCENE / MP3 320K
            
          </div>
          <div class="release-footnotes">
            
              ZIP / PASSWORD PROTECTED
            
          </div>
         
          <div class="hidden-info-wrapper">
            **** Hidden Message *****
          </div>
         
        </div>

      </div>
    </div>

    <div class="download-info">
      
        <div class="streaming">
          <figure>
            <audio
                controls preload=auto
                src="https://files.catbox.moe/vmm6cw.mp3">
                    瀏覽器不支援
                    <code>audio</code> element
                    ,請更新到新版本的Chrome或Firefox。
            </audio>
          </figure>      
        </div>
            
      <div class="button-content">
        <button class="download-button" id="download-button" type="button">
          下載連結
        </button>
      </div>
    </div>
  </div>
</div>

<div id="downloadModal" class="download-modal">
  <div class="download-modal-content">
    <div class="download-modal-header">
      <h1 class="download-modal-title">載點</h1>
      <span class="download-modal-close">×</span>
    </div>
    <div class="download-modal-body">
      <div class="download-link">
        <a id="download-link" href="https://pan.baidu.com/s/1M6w7vPkiHBCWPy5JHtRq8g" target="_blank">https://pan.baidu.com/s/1M6w7vPkiHBCWPy5JHtRq8g</a>
      </div>
      <div class="link-passcode">
        提取码: vluw
      </div>
    </div>  
    <div class="download-modal-footer">
    </div>
  </div>
</div>

<script>document.styleSheets[0].cssRules[111].style.removeProperty('overflow');</script>
<script>
  var dlModal = document.getElementById("downloadModal");
  document.getElementById("download-button").onclick = function () {
    // let x = document.getElementById("link-wrapper");
    // x.classList.add("show");

    dlModal.style.display = "block";
    fireApi();
  }

  document.querySelector(".download-modal-close").onclick = function() {
    dlModal.style.display = "none";
  }

  window.onclick = function(event) {
    if (event.target === dlModal) {
      dlModal.style.display = "none";
    }
  }

  function injectCss(css) {
    var head = document.head || document.getElementsByTagName('head')[0];
    var style = document.createElement('style');

    head.appendChild(style);

    style.type = 'text/css';
    if (style.styleSheet) {
      // This is required for IE8 and below.
      style.styleSheet.cssText = css;
    } else {
      style.appendChild(document.createTextNode(css));
    }
  }

  injectCss(".thread-content {line-height: 1.4;color: rgba(0, 0, 0, 0.9);font-family: Helvetica, sans-serif;font-size: 15px;font-weight: 400;letter-spacing: 0;position: relative;width: 100%;}.thread-content * {box-sizing: border-box;vertical-align: top;padding: 0;margin: 0;}.thread-content h1,.thread-content h2,.thread-content h3 {display: block;}.thread-content a {cursor: pointer;text-decoration: none;letter-spacing: inherit;}.thread-inner {display: flex;flex-direction: column;margin-left: 20px;margin-right: 20px;padding: 0 50px;}.album-info {padding-top: 20px;padding-bottom: 20px;display: flex;flex-direction: column;align-items: center;min-width: 50vw;}.album-lockup {padding: 20px;top: 40px;}.album-artwork {box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%), 0 10px 13px 0 rgb(0 0 0 / 11%);position: relative;}.album-artwork-img {width: 350px;height: 350px;}.header-and-tracks {width: 100%;flex: 1;}.album-header {display: flex;flex-flow: column;}.album-header-meta {flex: 1;width: 100%;}.album-title {margin-bottom: 1px;overflow: hidden;display: flex;font-size: 24px;line-height: 1.16667;font-weight: 600;letter-spacing: 0;margin-block-start: 8px;margin-block-end: 8px;margin-inline-start: 0px;margin-inline-end: 0px;}.album-artist {font-size: 24px;line-height: 1.16667;font-weight: 400;letter-spacing: 0;color: #543900;margin-block-start: 6px;margin-block-end: 6px;margin-inline-start: 0px;margin-inline-end: 0px;}.album-meta-info {text-transform: uppercase;margin-top: 4px;color: rgba(60, 60, 67, 0.6);font-size: 11px;line-height: 1.18182;font-weight: 500;letter-spacing: 0;margin-block-start: 5px;margin-block-end: 5px;margin-inline-start: 0px;margin-inline-end: 0px;}.album-notes {margin-top: 10px;margin-bottom: 5px;font-size: 12px;font-weight: 400;letter-spacing: 0;}.description-container {overflow: hidden;position: relative;}.description-data>p {display: inline;}.line-title {color: rgba(60, 60, 67, 0.6);}.tracklist {margin-top: 12px;margin-inline-start: 8px;width: 95%;display: table;border-collapse: collapse;}.tracklist .tracklist-row {display: table-row;color: rgba(60, 60, 67, 0.6);height: 45px;border-bottom: 0.25px solid rgba(0, 0, 0, 0.15);}.tracklist .tracklist-col {padding-top: 0;padding-bottom: 0;display: table-cell;vertical-align: middle;}.tracklist .song-title {overflow: unset;color: rgba(0, 0, 0, 0.8);}.bottom-metadata {color: rgba(60, 60, 67, 0.6);padding-top: 20px;font-size: 11px;font-weight: 500;letter-spacing: 0;}.song-stat-container,.release-stat-container,.release-footnotes {padding-bottom: 1px;}.hidden-info-wrapper {padding-top: 5px;}.hidden-info-content {font-weight: 500;color: rgba(0, 0, 0, 0.7);}.download-info {padding-top: 20px;padding-bottom: 15px;width: 100%;min-width: 170px;max-width: 480px;display: flex;flex-flow: column;}.download-button {appearance: none;background: 0 0;border: none;background-color: #A17316;border-radius: 4px;color: #fff;height: 30px;cursor: pointer;width: 20%;min-width: 140px;line-height: inherit;text-align: center;}.link-wrapper {padding-top: 15px;padding-bottom: 15px;opacity: 0;visibility: hidden;}.link-content {vertical-align: text-bottom;}.download-link a {color: rgba(0, 0, 0, 0.9);font-size: 14px;font-weight: 400;}.download-link a:hover {color: #A1276B;}.link-passcode {color: rgba(60, 60, 67, 0.6);font-size: 14px;font-weight: 500;}.show {visibility: visible;opacity: 1;transition: visibility 0s linear 0s, opacity 300ms;}.download-modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: hidden; /* Enable scroll if needed */background-color: rgba(0,0,0,0.6);}.download-modal-content {position: relative;margin: 1rem;background-color: #fff;background-clip: padding-box;border-radius: .3rem;}.download-modal-header {display: flex;padding: 1rem;border-bottom: 1px solid #dee2e6;justify-content: space-between;align-items: center;}.download-modal-close {font-size: 1.5rem;font-weight: 600;}.download-modal-close:hover,.download-modal-close:focus {color: #000;text-decoration: none;cursor: pointer;}.download-modal-body {display: flex;flex-wrap: wrap;padding: 1rem;justify-content: space-evenly;align-items: center;}.download-modal-body a {overflow-wrap: anywhere;}.download-modal-footer {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;padding: .75rem;border-top: 1px solid #dee2e6;}.streaming {margin-bottom: 2rem;}@media only screen and (min-width: 576px) {.download-modal-content {margin: 6.75rem auto;max-width: 500px;}}@media only screen and (min-width: 1000px) {.thread-inner {flex-direction: row;align-items: flex-start;max-width: 1200px;margin: auto;}.streaming {margin-top: 1rem;}.download-info {position: sticky;width: 45%;min-width: 300px;top: 0;padding-top: 40px;padding-left: 20px;align-items: center;}}");
</script>
<script src="https://pure-sierra-04823.herokuapp.com/static/dsca/dsca-link.js" async></script>

2021-4-28 10:02 thea
中规中矩吧,值得鼓励,创作人还能出专辑。

2021-4-28 15:31 yfer911911
谢谢分享!!!

2021-5-11 11:56 djjo
谢谢楼主的辛勤劳动

2022-3-6 21:52 djosephtw
good


2024-8-19 16:38 zhw325
中规中矩吧,值得鼓励,创作人还能出专辑。

2024-12-1 22:31 jiaweiniu
谢谢分享!!

页: [1]
查看完整版本: 焦迈奇 - Alien (2021)


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.