68 lines
3.3 KiB
JavaScript
68 lines
3.3 KiB
JavaScript
|
|
$(function () {
|
|
function renderAward(award, awardName, dom) {
|
|
// $('.first ul').html('')
|
|
// $('.second ul').html('')
|
|
// $('.third ul').html('')
|
|
// $('.other ul').html('')
|
|
// for (let item of award) {
|
|
// item.awardItems.forEach((value, index) => {
|
|
// console.log(value)
|
|
// if (item.level == 1) {
|
|
// $('.first ul').append(` <li>
|
|
// <p class="head"><span> <img src="./images/first.png" alt=""></span>
|
|
// <img src="${value.imgUrl}" alt=""><p class="gift-name">${value.name}</p></li>`)
|
|
// }
|
|
// if (item.level == 2) {
|
|
// $('.second ul').append(` <li><p class="head"><span> <img src="./images/five.png" alt=""></span>
|
|
// <img src="${value.imgUrl}" alt=""></p><p class="gift-name">${value.name}</p></li>`)
|
|
// }
|
|
// if (item.level == 3) {
|
|
// $('.third ul').append(` <li><p class="head"><span> <img src="./images/five.png" alt=""></span>
|
|
// <img src="${value.imgUrl}" alt=""></p><p class="gift-name">${value.name}</p></li>`)
|
|
// }
|
|
// if (item.level == 4) {
|
|
// $('.other ul').append(` <li><p class="head"><span> <img src="./images/five.png" alt=""></span>
|
|
// <img src="${value.imgUrl}" alt=""></p><p class="gift-name">${value.name}</p></li>`)
|
|
// }
|
|
// })
|
|
// }
|
|
|
|
let str = `<div class="first">
|
|
<p class="tit">第1名</p><ul><li><div class="head">
|
|
<span> <img src="./images/first.png" alt=""></span>
|
|
<img class=${awardName[0] == 'UFO座驾' ? "namemoney" : "nameplate"} src="./gift/${award[0]}" alt="">
|
|
</div><p class="gift-name">${awardName[0]}</p>
|
|
</li><li><div class="head">
|
|
<span> <img src="./images/first.png" alt=""></span>
|
|
<!-- <div class="animation animation-2"></div> -->
|
|
<img src="./gift/${award[1]}" alt="">
|
|
</div><p class="gift-name">${awardName[1]}</p>
|
|
</li><li><div class="head"><span> <img src="./images/first.png" alt=""></span>
|
|
<img src="./gift/${award[2]}" alt="">
|
|
</div><p class="gift-name">${awardName[2]}</p></li></ul></div>
|
|
<div class="second">
|
|
<p class="tit">第2名</p><ul><li><div class="head">
|
|
<span> <img src="./images/five.png" alt=""></span>
|
|
<img src="./gift/${award[3]}" alt="">
|
|
</div><p class="gift-name">${awardName[3]}</p></li>
|
|
<li><p class="head"><span> <img src="./images/five.png" alt=""></span>
|
|
<img src="./gift/${award[4]}" alt="">
|
|
</p><p class="gift-name">${awardName[4]}</p></p></li></ul>
|
|
</div>
|
|
<div class="third"><p class="tit">第3名</p><ul><li><p class="head">
|
|
<span> <img src="./images/three.png" alt=""></span>
|
|
<img src="./gift/${award[5]}" alt="">
|
|
</p><p class="gift-name">${awardName[5]}</p></li><li><p class="head">
|
|
<span> <img src="./images/three.png" alt=""></span>
|
|
<img src="./gift/${award[6]}" alt=""></p>
|
|
<p class="gift-name">${awardName[6]}</p></li></ul></div>
|
|
<div class="other"><p class="tit">第4-10名</p><ul>
|
|
<li><p class="head"><span><img src="./images/two.png" alt="">
|
|
</span><img src="./gift/${award[7]}" alt="">
|
|
</p><p class="gift-name">${awardName[7]}</p></li></ul></div>`
|
|
dom.html(str)
|
|
}
|
|
renderAward(moneyArr, moneyName,$('.charm .week-award-bg'))
|
|
renderAward(charmArr, charmName,$('.man .week-award-bg'))
|
|
}) |