<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卡片-小图</title>
    <style>
       * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      html {
        background: white;
      }

      body {
        font-family: "PingFangSC-Regular", "PingFang SC";
      }

      img {
        vertical-align: middle;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .wrapper {
        padding: 9.0667vw 8vw 0;
      }

      .wrapper .logo {
        width: 33.6vw;
        height: 12.5333vw;
        margin: 0 auto;
        background: url("https://app-stc.zjol.com.cn/card-share/new_card_logo.png") no-repeat center / contain;
      }

      .wrapper .cover {
        width: 84vw;
        min-height: 21vw;
        margin-top: 6.9333vw;
        background: #f1f1f1 url("https://app-stc.zjol.com.cn/card-share/blank_bg.png") no-repeat center / 9vw 9vw;
      }

      .wrapper h1 {
        margin-top: 3.7333vw;
        color: #151515;
        font: 500 6.4vw / 9.0667vw "PingFangSC-Medium", "PingFang SC";
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }

      .bottom {
        position: relative;
        height: 40.5333vw;
        margin: 5.8667vw -8vw 0;
        background: url("https://app-stc.zjol.com.cn/card-share/small_card_bottom.png") no-repeat center / contain;
      }

      .bottom .date {
        position: absolute;
        top: -1.0667vw;
        left: 8vw;
        font-size: 3.7333vw;
        color: #999;
      }

      .bottom .legend {
        position: absolute;
        left: 8vw;
        bottom: 8.8vw;
        height: 6.9333vw;
        line-height: 6.9333vw;
        font-size: 3vw;
        color: #151515;
        border-bottom: 1px solid rgba(20, 20, 20, 0.5);
      }

      .bottom .qr-area {
        display: flex;
        position: absolute;
        right: 8vw;
        bottom: 8.8vw;
        height: 14.4vw;
      }

      .bottom .qr-area .left {
        align-self: flex-end;
        margin-right: 1.0667vw;
        font-size: 3.2vw;
        color: #999;
      }

      .bottom .qr-area .right {
        position: relative;
        width: 14.4vw;
        height: 14.4vw;
      }

      .qr-area .right .qr {
        position: absolute;
        left: 0;
        top: 0;
      }

      .qr-area .right .qr-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 4vw;
        height: 4vw;
        border: 1px solid #fff;
        border-radius: 3px;
      }
    </style>
    <script src="https://app-stc.zjol.com.cn/qrious.min.js"></script>
  </head>
  <body>
    <div class="wrapper">
      <div class="logo"></div>
      <div class="cover">
        <img />
      </div>
      <h1></h1>
      <div class="bottom">
        <div class="date"></div>
        <div class="legend">深耕浙江 解读中国 影响世界</div>
        <div class="qr-area">
          <div class="left">长按识别<br />查看详情</div>
          <div class="right">
            <img class="qr" />
            <img class="qr-logo"
              src="https://app-stc.zjol.com.cn/card-share/card_logo1.png" />
          </div>
        </div>
      </div>
    </div>
    <script>
      if (window.ZBJTJSBridge && typeof ZBJTJSBridge.invoke === "function") {
        window.getNewsDetailCallback = function (res) {
            const resObj = JSON.parse(res) || {};
            const article = resObj.data;
            if (article) {
              const coverWrapperEl = document.querySelector(".wrapper .cover");
              const coverEl = document.querySelector(".cover img");
              const titleEl = document.querySelector(".wrapper h1");
              const dateEl = document.querySelector(".date");
              const qrEl = document.querySelector(".qr-area .qr");
              if (typeof QRious !== 'undefined') {
                new QRious({
                  element: qrEl,
                  value: article.url,
                  foreground: "#183081",
                  level: "M",
                  size: 200,
                });
              }
              const item = article.card_list.find(item => item.category === 0);
              if (item && item.image_url) {
                coverEl.onerror = function (e) {
                  this.style.display = 'none';
                }
                coverEl.src = item.image_url;
                const search = item.image_url.split('?')[1]
                if (search) {
                  const params = new URLSearchParams(search)
                  const width = params.get('width')
                  const height = params.get('height')
                  if (width && height) {
                    coverWrapperEl.style.height = height / width * (document.documentElement.offsetWidth / 100 * 84) + 'px'
                  }
                }
              }
              titleEl.textContent = article.list_title;
              const published_at = article.doc_type == 8 ? article.live_start : article.published_at
              if (published_at) {
                const date = new Date(published_at);
                dateEl.textContent = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} ${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
              }
            }
            delete window.getNewsDetailCallback;
          };
          ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
      }
    </script>
  </body>
</html>

34组选手上榜！2023年浙江省首届“融媒达人赛”获奖名单出炉

2023浙江省首届“融媒达人赛”

有颜又有才！融媒达人赛决赛已顺利举行

融媒达人赛决赛已顺利举行。12月28日，由浙江省新闻工作者协会、浙江日报报业集团主办，潮新闻客户端、国家新闻出版署出版融合发展（浙报集团）重点实验室共同承办的2023浙江省首届“融媒达人赛”决赛火热开赛。经过初赛的激烈角逐和“创造营”的高强度实训实战，21名主播选手从上百位参赛选手中脱颖而出，在决赛现场开展激烈比拼。

主播赛道
奖项	姓名	报送单位
一等奖	李楠	潮新闻
一等奖	刘雨佳	东阳市融媒体中心
二等奖	刘娇一	嘉兴市新闻传媒中心
	李梦童	吴兴区融媒体中心
	杨克宇	海盐县传媒中心
	苏程	泰顺县融媒体中心
	徐洁	潮新闻
	蒋文俐	潮新闻
	叶思意	潮新闻
三等奖	徐惠文	浙江日报嘉兴分社
	方可人	潮新闻
	郑丽丽	路桥区传媒中心
	程文洁	湖州市新闻传媒中心
	徐海倩	吴兴区融媒体中心
	朱丽娜	《浙江共产党员》杂志
	李思	杭州文广集团
	唐秋阳	长兴县融媒体中心
	乐美真、徐雨阳	浙江老年报
	王怿婷	潮新闻
	钱宸	杭州日报竞潮传媒有限公司
编创赛道
奖项	姓名	报送单位
最佳编创奖	林静雅	泰顺县融媒体中心
	孙潇娜	浙江日报
	潘之嫣	浙江省公安厅新闻中心
	余欢笑	浦江县融媒体中心
最佳摄影奖	刘栋	潮新闻
最佳摄影奖	朱卓琳	舟山市新闻传媒中心
最佳剪辑奖	丁一格	潮新闻
最佳剪辑奖	丁思文	金华市新闻传媒中心
最佳制作奖	钱洁瑗、叶晓倩祝旖波	浙江日报衢州分社
最佳制作奖	杨彦	嘉兴市新闻传媒中心
优胜奖	黄碧云	长兴县融媒体中心
	马骏	嘉兴市新闻传媒中心
	周越	杭州萧山日报传媒有限公司
	戴亚琼	永嘉县融媒体中心