使用示例

讲解如果通过FinderAPI方式编写自己的页面

赞赏页面

• 获取赞赏列表: ${afdianFinder.listAllSponsor().data.list}
• 格式化日期: ${afdianFinder.parseTime(sponsor.last_pay_time)}

<div th:each="sponsor : ${afdianFinder.listAllSponsor().data.list}">
  <div>
    <div>
      <div>
        <img th:alt="${sponsor.user.name}" th:src="${sponsor.user.avatar}" data-ll-status="loading">
      </div>
      <div style="z-index:20;float: left;">
        <div th:text="${sponsor.user.name}"></div>
      </div>
    </div>
    <div>
    <div>
      ¥ <b th:text="${sponsor.all_sum_amount}"></b>
    </div>
    <time th:text="${afdianFinder.parseTime(sponsor.last_pay_time)}"></time>
    </div>
  </div>
</div>

商品页面

• 获取大标题: ${afdian_shop_basic_title}
• 获取副标题: ${afdian_shop_second_title}
• 获取商品列表: ${afdianFinder.listPlansAndSales().data.sale_list}

<section class="decoration section bd-container" id="Services">
  <h2 class="section-title">[[${afdian_shop_basic_title}]]<br>[[${afdian_shop_second_title}]]</h2>
    <div class="card" th:each="sales : ${afdianFinder.listPlansAndSales().data.sale_list}">
      <div class="card__border"></div>
      <div style="margin: 0 auto">
        <img th:src="${sales.pic}" th:alt="pic" class="decoration__img card__border_img">
      </div>
      <div class="card_title__container">
        <span class="card_title" th:text="${sales.name}"></span>
        <div class="card_paragraph" th:utext="${sales.desc}"></div>
        <hr class="line">
        <a th:href="${baseUrl} + '/item/' + ${sales.plan_id}" target="_blank">
          <button class="button">跳转购买</button>
        </a>
      </div>
  </div>
</section>