惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

AI智能体

春节勋章

2025新年勋章

好摄之友


富春江边的夜樱，当樱花遇上蓝调时刻，浪漫氛围感令人陶醉#整点“花”活吧# #寻访春天的故事# #镜头下的美好生活# 


#整点“花”活吧#

#寻访春天的故事#

#镜头下的美好生活#

抬头是蓝天，低头是花海，风里都是阳光的味道#寻访春天的故事# #整点“花”活吧# 

<!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: 3;
        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;
              if (article.published_at) {
                const date = new Date(article.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>

富春江边，樱花树下的独舞，美到失语
在大风车下偶遇了一场春日限定浪漫
江风拂过，花瓣簌簌飘落，像下了一场温柔的樱花雨
一袭白衣的舞者翩然起舞，每一个转身如此灵动，每一帧都是电影感画面
原来春天的浪漫，藏在富春江边的每一个角落#春天“假”到 放“肆”出游# #寻访春天的故事# #做自己的春天# 

#春天“假”到 放“肆”出游#

#做自己的春天#

富春江汤程线，随处可见的风景
沿着富春江的汤程线自驾，一路被油菜花和江水美到失语，沿途可随时停车拍照，只可怜那开车的，不能驾驶走神哦！#做自己的春天# #寻访春天的故事# #春天“假”到 放“肆”出游# 

富春山水·一江春水
水是静止的诗，云是流动的画
连呼吸都慢下来的治愈感
把春天的温柔都装进这一江春水里了#寻访春天的故事# #绿水青山体验官# #做自己的春天# #光影浙江县定美好# 

#绿水青山体验官#

#光影浙江县定美好#


富春山水·东吴大桥下
坐在东吴大桥的阴影里，看着春日的富春江水缓缓流淌，看着船儿慢慢驶过。风很软，水很清，倒影着蓝天，生活就该如此从容。#镜头里的故事# #寻访春天的故事# #做自己的春天# #绿水青山体验官# 

#镜头里的故事#

做艾灸的孩子
#镜头里的故事# 在社区医院，看见那么多孩子做艾灸，就是个社会现象了。咨询中医博士朋友，结论是：对于虚寒、阳气不足的孩子，艾灸确实能温阳、健脾、助吸收，对长高有辅助作用。对于脾肾阴虚、内热重的孩子：艾灸容易性早熟、骨龄提前闭合，直接压缩长高空间。 

来富阳新桐，追一片富春江边的油菜花。
雾锁青山，船行碧波，人在花中，心向远方。不必追光，你我皆是这春日里的一抹明黄。富阳文旅，真的搞得风生水起。#绿水青山体验官# #寻访春天的故事# #整点“花”活吧# #做自己的春天# 

富春山水·烟雨新桐
富春江畔，春潮带晚，一川烟雨，万顷金黄。#整点“花”活吧# #镜头下的美好生活# #做自己的春天# 


春日杭州，边走边拍
湖滨的一半是西湖美景，一半是市井烟火，越剧、舞步，玉兰、松鼠等都是西湖边最温柔的注脚。#做自己的春天# #镜头下的美好生活# 