帖子详情

<section class="activity-underway-wrapper" data-max-choices="<%= productDetail.maxChoices %>">
        <p class="activity-underway-title">活动奖品</p>
        <% if (productDetail.productList.length < 4) { %>
        <div class="activity-underway">
          <div class="content">    
            <div class="background-box">
              <% for (var i = 0, item, len = productDetail.productList.length; i < len && (item = productDetail.productList[i]); i++) { %>
              <div class="card-wrapper">
                <div class="card card-<%= item.productId %>">
                  <div class="card-header">
                    <p class="title"><%= item.title %></p>
                    <p class="price"><%= item.price %></p>
                  </div>
                  <div class="card-content">
                    <a href="<%= item.jumpDest %>">
                      <figure class="card-image-wrapper">
                        <img src="<%= item.picture %>" longdesc="<%= item.picture %>" alt="">
                      </figure>
                    </a>
                    <div class="card-image-bottom"></div>
                    <p class="desc"><%= item.description %></p>
                  </div>
                  <div class="card-footer">
                    <p class="number"><%= item.wantNumber %></p>
                    <div class="btn <%= item.wanted ? 'active' : '' %>" data-product-id="<%= item.productId %>">
                      <span class="text">想要</span>
                      <figure class="kuang-wrapper" style="display: <%= item.wanted ? 'none' : 'block' %>;">
                        <img src="./assets/images/kuang.svg" longdesc="./assets/images/kuang.svg" alt="">
                      </figure>
                      <figure class="kuang-active-wrapper" style="display: <%= item.wanted ? 'block' : 'none' %>;">
                        <img src="./assets/images/kuang_active.svg" longdesc="./assets/images/kuang_active.svg" alt="">
                      </figure>
                    </div>
                  </div>
                </div>
              </div>
              <% } %>
            </div>
          </div>
          <div class="footer">
            <figure class="tiao-wrapper">
              <img src="./assets/images/tiao.svg" longdesc="./assets/images/tiao.svg" alt="">
            </figure>
          </div>
        </div>
        <% } else { %>
        <div class="activity-underway">
          <div class="content">
            <div class="background-box">
              <% for (var i = 0, item, len = Math.floor(productDetail.productList.length / 2); i < len && (item = productDetail.productList[i]); i++) { %>
              <div class="card-wrapper">
                <div class="card">
                  <div class="card-header">
                    <p class="title"><%= item.title %></p>
                    <p class="price"><%= item.price %></p>
                  </div>
                  <div class="card-content">
                    <a href="<%= item.jumpDest %>">
                      <figure class="card-image-wrapper">
                        <img src="<%= item.picture %>" longdesc="<%= item.picture %>" alt="">
                      </figure>
                    </a>
                    <div class="card-image-bottom"></div>
                    <p class="desc"><%= item.description %></p>
                  </div>
                  <div class="card-footer">
                    <p class="number"><%= item.wantNumber %></p>
                    <div class="btn <%= item.wanted ? 'active' : '' %>" >想要</div>
                  </div>
                </div>
              </div>
              <% } %>
            </div>
          </div>
          <div class="footer"></div>
          <div class="content">
            <div class="background-box">
              <% for (var i = Math.floor(productDetail.productList.length / 2), item, len = productDetail.productList.length; i < len && (item = productDetail.productList[i]); i++) { %>
              <div class="card-wrapper">
                <div class="card">
                  <div class="card-header">
                    <p class="title"><%= item.title %></p>
                    <p class="price"><%= item.price %></p>
                  </div>
                  <div class="card-content">
                    <a href="<%= item.jumpDest %>">
                      <figure class="card-image-wrapper">
                        <img src="<%= item.picture %>" longdesc="<%= item.picture %>" alt="">
                      </figure>
                    </a>
                    <div class="card-image-bottom"></div>
                    <p class="desc"><%= item.description %></p>
                  </div>
                  <div class="card-footer">
                    <p class="number"><%= item.wantNumber %></p>
                    <div class="btn <%= item.wanted ? 'active' : '' %>" >想要</div>
                  </div>
                </div>
              </div>
              <% } %>
            </div>
          </div>
          <div class="footer">
            <figure class="tiao-wrapper">
              <img src="./assets/images/tiao.svg" longdesc="./assets/images/tiao.svg" alt="">
            </figure>
          </div>
        </div>
        <% } %>
      </section>

<section class="activity-result-wrapper">
        <div class="activity-result-title">
          <p class="title">获奖名单</p>
          <div class="more">
            <p class="text">查看更多</p>
            <div class="arrow"></div>
          </div>
        </div>
        <div class="activity-result">
          <div class="content">
            <div class="background-box">
              <% for (var i = 0, item, len = productDetail.winnerList.length > 5 ? 5 : productDetail.winnerList.length; i < len && (item = productDetail.winnerList[i]); i++) { %>
              <ul class="winner-list">
                <li class="winner-item" data-uid="<%= item.uid %>">
                  <figure class="avatar-wrapper">
                    <img src="<%= item.userAvatar %>" longdesc="<%= item.userAvatar %>" alt="">
                  </figure>
                  <div class="desc">
                    <p class="username <%= item.note ? '' : 'qualification' %>"><%= item.username %></p>
                    <% if (item.note) { %>
                    <p class="no-qualification"><%= item.note %></p>
                    <% } %>
                  </div>
                </li>
              </ul>
              <% } %>
            </div>
          </div>
          <div class="footer">
            <figure class="tiao-wrapper">
              <img src="./assets/images/tiao.svg" longdesc="./assets/images/tiao.svg" alt="">
            </figure>
          </div>
        </div>
      </section>