修正手機點歌
This commit is contained in:
parent
e7f4b85488
commit
79093d8627
@ -254,7 +254,7 @@
|
||||
<tr>
|
||||
<th>歌名</th>
|
||||
<th>歌手</th>
|
||||
<th>語別</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -270,7 +270,7 @@
|
||||
<p>歌名:<span id="detail-song-name"></span></p>
|
||||
<p>編號:<span id="detail-song-number"></span></p>
|
||||
<p>歌手:<span id="detail-singer"></span></p>
|
||||
<p>語別:<span id="detail-language"></span></p>
|
||||
<!-- <p>語別:<span id="detail-language"></span></p> -->
|
||||
<button id="order-song-button">包廂點歌</button>
|
||||
<button id="insert-song-button">插播歌曲</button>
|
||||
</div>
|
||||
@ -350,15 +350,15 @@
|
||||
const row = document.createElement('tr');
|
||||
const songNameCell = document.createElement('td');
|
||||
const singerCell = document.createElement('td');
|
||||
const languageCell = document.createElement('td');
|
||||
// const languageCell = document.createElement('td');
|
||||
|
||||
songNameCell.textContent = song.Song;
|
||||
singerCell.textContent = song.ArtistA;
|
||||
languageCell.textContent = song.Category;
|
||||
// languageCell.textContent = song.Category;
|
||||
|
||||
row.appendChild(songNameCell);
|
||||
row.appendChild(singerCell);
|
||||
row.appendChild(languageCell);
|
||||
// row.appendChild(languageCell);
|
||||
|
||||
row.addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
@ -369,7 +369,7 @@
|
||||
document.getElementById('detail-song-name').textContent = song.Song;
|
||||
document.getElementById('detail-song-number').textContent = song.SongNumber;
|
||||
document.getElementById('detail-singer').textContent = song.ArtistA;
|
||||
document.getElementById('detail-language').textContent = song.Category;
|
||||
// document.getElementById('detail-language').textContent = song.Category;
|
||||
|
||||
document.getElementById('song-details').style.display = 'block';
|
||||
});
|
||||
|
@ -86,14 +86,14 @@
|
||||
@media (max-width: 600px) {
|
||||
.content {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
|
||||
gap: 10px;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 5px;
|
||||
}
|
||||
}
|
||||
.card {
|
||||
background: linear-gradient(135deg, #FF4081, #FF4081);
|
||||
color: white;
|
||||
width: 130px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
@ -259,7 +259,6 @@
|
||||
<tr>
|
||||
<th>歌名</th>
|
||||
<th>歌手</th>
|
||||
<th>語別</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -275,7 +274,7 @@
|
||||
<p>歌名:<span id="detail-song-name"></span></p>
|
||||
<p>編號:<span id="detail-song-number"></span></p>
|
||||
<p>歌手:<span id="detail-singer"></span></p>
|
||||
<p>語別:<span id="detail-language"></span></p>
|
||||
<!-- <p>語別:<span id="detail-language"></span></p> -->
|
||||
<button id="order-song-button">包廂點歌</button>
|
||||
<button id="insert-song-button">插播歌曲</button>
|
||||
</div>
|
||||
@ -355,15 +354,14 @@
|
||||
const row = document.createElement('tr');
|
||||
const songNameCell = document.createElement('td');
|
||||
const singerCell = document.createElement('td');
|
||||
const languageCell = document.createElement('td');
|
||||
|
||||
|
||||
songNameCell.textContent = song.Song;
|
||||
singerCell.textContent = song.ArtistA;
|
||||
languageCell.textContent = song.Category;
|
||||
|
||||
|
||||
row.appendChild(songNameCell);
|
||||
row.appendChild(singerCell);
|
||||
row.appendChild(languageCell);
|
||||
|
||||
row.addEventListener('click', (e) => {
|
||||
e.preventDefault(); // 阻止默認行為
|
||||
@ -376,7 +374,7 @@
|
||||
document.getElementById('detail-song-name').textContent = song.Song;
|
||||
document.getElementById('detail-song-number').textContent = song.SongNumber;
|
||||
document.getElementById('detail-singer').textContent = song.ArtistA;
|
||||
document.getElementById('detail-language').textContent = song.Category;
|
||||
// document.getElementById('detail-language').textContent = song.Category;
|
||||
|
||||
// 顯示詳情視窗和遮罩
|
||||
document.getElementById('song-details').style.display = 'block';
|
||||
|
Loading…
x
Reference in New Issue
Block a user