$(function() {
  function formatNum(num) {
    if (num < 10000) {
      return num;
    } else if (num < 100000000) {
      return (num / 10000).toFixed(1) + "万";
    } else {
      return (num / 100000000).toFixed(1) + "亿";
    }
  }

  var dataid = $("#card_weibo_topic").attr("data-dataid");
  var txt = $("#card_weibo_topic").attr("data-txt");
  if (dataid) {
    $.ajax({
      type: "GET",
      url:
        "https://interface.sina.cn/pc_api/get_weibo_topic.d.json",
      data: {
        dataid
      },
      dataType: "jsonp",
      jsonp: "callback",
      jsonpCallback: "jsonpCallback",
      success: function(data) {
        if (data.result.status == 0) {
          const res = data.result.data;
          let html = `
          <div style="border:1px solid #ddd; padding:16px 18px 18px 21px; background:#fff; max-width:594px; margin:40px auto; position:relative;">
                <span style="position:absolute; right:18px; top:18px; background:#FE350E; color:#fff; font-size:12px; line-height:18px; border-radius:3px; padding:0 6px; display:inline-block;">
                      微博热议
                  </span>
                        <div style="font-size:16px; font-weight:500; color:#111; font-family: PingFangSC-Medium; margin-bottom:4px; line-height:22px;">#${
                          res.name
                        }#</div>
                        <div style="font-size:16px;font-weight:400; color:#666; font-family: PingFangSC-Regular; line-height:28px; margin-bottom:10px;">
                            ${res.summary ||
                              "一起围观微博热议话题~"}
                            <a href="${
                              res.h5
                            }" target="_blank" style="color:#EB7450; text-decoration:none;">详情</a>
                        </div>
                        <img src="${
                          res.image
                        }" alt="" style="width:184px;height:136px; display:block; margin-bottom:20px;">
                        <div style="color:#A1A1A1; font-size:14px;">
                        ${txt}
                            <span style="margin-left:12px;">${formatNum(
                              res.m_count
                            )}人讨论</span>
                            <span style="margin-left:12px;">阅读${formatNum(
                              res.r_count
                            )}</span>
                        </div>
                    </div>
                    `;
          $("#card_weibo_topic").html(html);
        }
      },
      error: function(err) {
        console.log("err==>", err);
      }
    });
  }
});