<!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 {
 position: relative;
 background: linear-gradient(to bottom, #54b0fb 0%, #e9f5ff 100%);
 padding: 6.6667vw 0 0;
 }

 .wrapper .link {
 position: absolute;
 top: 39.7333vw;
 width: 2.6667vw;
 height: 12.8vw;
 }

 .link .top-dot {
 position: absolute;
 top: 0;
 left: 0;
 width: 2.6667vw;
 height: 2.6667vw;
 border-radius: 50%;
 background: #95cdfc;
 }

 .link .bottom-dot {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 2.6667vw;
 height: 2.6667vw;
 border-radius: 50%;
 background: #95cdfc;
 }

 .link .line {
 position: absolute;
 top: 1.6vw;
 bottom: 1.6vw;
 left: 0;
 right: 0;
 margin: 0 auto;
 width: 3px;
 border-radius: 1.5px;
 background-color: #4ba8f4;
 }

 .link-0 {
 left: 16.5333vw;
 }

 .link-1 {
 right: 16.5333vw;
 }

 .wrapper .account_card {
 margin: 0 4vw 0;
 height: 36.8vw;
 background-color: white;
 box-shadow: 0px 2px 4px 0px rgba(0, 148, 255, 0.5);
 background: linear-gradient(332deg, #e3f8ff 0%, #ffffff 100%);
 border-radius: 3.2vw;
 border: 1.0667vw solid #ffffff;

 padding-top: 14.1333vw;
 position: relative;
 }

 .account_card > img {
 position: absolute;
 top: 2.9333vw;
 left: 5.3333vw;
 height: 7.2vw;
 width: auto;
 /* margin-left: 4.2667vw; */
 }

 .wrapper .article_card {
 margin: 3.4667vw 4vw 0;
 background-color: white;
 border-radius: 3.2vw;
 box-shadow: 0px 2px 4px 0px rgba(0, 148, 255, 0.5);
 padding: 5.3333vw;
 }

 .article_card .date {
 font-family: PingFangSC, PingFang SC;
 font-weight: 400;
 font-size: 2.6667vw;
 color: #4a4a4a;
 line-height: 3.7333vw;
 padding-top: 2.1333vw;
 }

 .cover {
 background: #d8d8d8;
 box-shadow: 0px 2px 4px 0px #acd9ff;
 border: 1.3333vw solid #ffffff;
 margin-bottom: 2.6667vw;
 }

 .cover img {
 width: 100%;
 height: auto;
 }

 .account_wrapper {
 display: flex;
 height: 16vw;
 margin-left: 3.4667vw;
 margin-right: 7.2vw;
 /* margin-top: 4vw; */
 align-items: flex-start;
 }

 .account_wrapper .avatar {
 width: 16vw;
 height: 16vw;
 position: relative;
 margin-right: 2.6667vw;
 flex: none;
 display: flex;
 align-items: center;
 justify-content: center;
 }

 .avatar .avatar_img {
 width: 100%;
 height: 100%;
 border-radius: 50%;
 object-fit: cover;
 overflow: hidden;
 }

 .avatar .cert {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 5.3333vw;
 height: 5.3333vw;
 }

 .account_wrapper .date {
 flex: none;
 display: flex;
 flex-direction: column;
 align-items: flex-end;
 margin-left: 1.3333vw;
 margin-top: 2.1333vw;
 }

 .date .month {
 /* font-family: DINOT, DINOT; */
 font-weight: bold;
 font-size: 4.2667vw;
 color: #151515;
 line-height: 5.8667vw;
 }

 .date .week {
 font-family: PingFangSC, PingFang SC;
 font-weight: 300;
 font-size: 2.9333vw;
 color: #666666;
 line-height: 4.2667vw;
 letter-spacing: 1.0667vw;
 margin-top: 0.5333vw;
 }

 .account_wrapper .title_wrapper {
 flex: 1;
 overflow: hidden;
 padding-top: 2.1333vw;
 }

 .title_wrapper .title {
 font-family: PingFangSC, PingFang SC;
 font-weight: 500;
 font-size: 4.2667vw;
 color: #000000;
 line-height: 5.8667vw;
 display: flex;
 align-items: center;
 }

 .title span {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 }

 .title img {
 width: 8.5333vw;
 height: 3.7333vw;
 margin-left: 1.3333vw;
 }

 .title_wrapper .desc {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 font-family: PingFangSC, PingFang SC;
 font-weight: 400;
 font-size: 3.2vw;
 color: #999999;
 line-height: 4.5333vw;
 margin-top: 1.0667vw;
 }

 .wrapper .logo {
 width: 28.2667vw;
 height: 10.6667vw;
 background: url("https://app-stc.zjol.com.cn/card-share/new_card_logo.png")
 no-repeat center / contain;
 }

 .wrapper h1 {
 font-family: PingFangSC, PingFang SC;
 font-weight: 600;
 font-size: 4.8vw;
 color: #000000;
 line-height: 7.7333vw;

 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 text-overflow: ellipsis;
 word-break: break-all;
 }

 .wrapper h3 {
 margin-top: 2.1333vw;
 font-family: PingFangSC, PingFang SC;
 font-weight: 300;
 font-size: 3.2vw;
 color: #4a4a4a;
 line-height: 5.0667vw;

 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 text-overflow: ellipsis;
 word-break: break-all;
 }

 .bottom {
 position: relative;
 display: flex;
 align-items: flex-end;
 justify-content: space-between;
 padding: 5.3333vw;
 }

 .bottom .qr-area {
 display: flex;
 align-items: flex-end;
 }

 .bottom .qr-area .left {
 align-self: flex-end;
 margin-right: 2.6667vw;
 font-size: 2.6667vw;
 color: #999;
 }

 .bottom .qr-area .right {
 position: relative;
 width: 11.7333vw;
 height: 11.7333vw;
 }

 .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: 2.6667vw;
 height: 2.6667vw;
 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="account_card">
 <img src="https://app-stc.zjol.com.cn/card-share/tmh_type_cmh.png" />
 <div class="account_wrapper">
 <div class="avatar">
 <img class="avatar_img" />
 <img class="cert" />
 </div>
 <div class="title_wrapper">
 <div class="title">
 
 <img
 src="data:image/png;base64,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"
 />
 </div>
 <div class="desc">我发布了一篇文章</div>
 </div>
 <div class="date">
 
 
 </div>
 </div>
 </div>

 <div class="article_card">
 <div class="cover">
 <img />
 </div>

 <h1></h1>

 <h3></h3>

 <div class="date"></div>
 </div>

 <div class="bottom">
 <div class="logo"></div>
 <div class="qr-area">
 <div class="left">长按识别 查看详情</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 class="link link-0">
 <div class="top-dot"></div>
 <div class="bottom-dot"></div>
 <div class="line"></div>
 </div>
 <div class="link link-1">
 <div class="top-dot"></div>
 <div class="bottom-dot"></div>
 <div class="line"></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 accountType = document.querySelector(
 "body > div.wrapper > div.account_card > img"
 );
 accountType.src = `https://app-stc.zjol.com.cn/card-share/${
 article.cert_type > 0 ? "tmh_type_cmh" : "tmh_type_ck"
 }.png`;

 const avatarImg = document.querySelector(
 "body > div.wrapper > div.account_card > div > div.avatar > img.avatar_img"
 );
 avatarImg.src =
 article.author_img ||
 "https://app-stc.zjol.com.cn/card-share/blank_bg.png";

 const userName = document.querySelector(
 "body > div.wrapper > div.account_card > div > div.title_wrapper > div.title > span"
 );
 userName.textContent = article.account_nick_name;

 const officialCert = document.querySelector(
 "body > div.wrapper > div.account_card > div > div.title_wrapper > div.title > img"
 );
 officialCert.style.display =
 article.official_cert_status == 0 ? "none" : "block";

 const pic = article.list_pics ? article.list_pics[0] : "";
 const cover = document.querySelector(
 "body > div.wrapper > div.article_card > div.cover"
 );
 const coverImage = document.querySelector(
 "body > div.wrapper > div.article_card > div.cover > img"
 );
 if (!!pic) {
 coverImage.src = pic;
 cover.style.display = "block";
 } else {
 cover.style.display = "none";
 }

 const title = document.querySelector(
 "body > div.wrapper > div.article_card > h1"
 );
 title.textContent = article.doc_title || article.list_title;

 const desc = document.querySelector(
 "body > div.wrapper > div.article_card > h3"
 );
 const div = document.createElement("div");
 div.innerHTML = article.content;
 desc.innerHTML = div.innerText;
 div.remove();
 desc.style.display == div.innerText ? "block" : "none";

 const articleDate = document.querySelector(
 "body > div.wrapper > div.article_card > div.date"
 );
 const date = new Date(article.published_at);
 articleDate.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")}`;

 const dayOfWeek = date.getDay();
 const days = [
 "星期天",
 "星期一",
 "星期二",
 "星期三",
 "星期四",
 "星期五",
 "星期六",
 ];
 const week = document.querySelector(
 "body > div.wrapper > div.account_card > div > div.date > span.week"
 );
 week.textContent = days[dayOfWeek];

 const months = [
 "Jan",
 "Feb",
 "Mar",
 "Apr",
 "May",
 "Jun",
 "Jul",
 "Aug",
 "Sept",
 "Oct",
 "Nov",
 "Dec",
 ];

 const month = document.querySelector(
 "body > div.wrapper > div.account_card > div > div.date > span.month"
 );
 month.textContent = `${months[date.getMonth()]} ${String(
 date.getDate()
 ).padStart(2, "0")}`;

 const cert = document.querySelector(
 "body > div.wrapper > div.account_card > div > div.avatar > img.cert"
 );
 if (article.cert_type > 0) {
 // 这里类型弄反了
 const value = article.cert_type == 1 ? 2 : 1;

 cert.src =
 "https://app-stc.zjol.com.cn/card-share/cmh_cert_" +
 value +
 ".png";
 } else {
 if (article.quality_type > 0) {
 cert.src =
 "https://app-stc.zjol.com.cn/card-share/ck_cert_" +
 article.quality_type +
 ".png";
 } else {
 cert.style.display = "none";
 }
 }

 const qrEl = document.querySelector(
 "body > div.wrapper > div.bottom > div.qr-area > div.right > img.qr"
 );
 if (typeof QRious !== "undefined") {
 new QRious({
 element: qrEl,
 value: article.url,
 foreground: "#183081",
 level: "M",
 size: 200,
 });
 }
 }
 delete window.getNewsDetailCallback;
 };
 ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
 }
 </script>
 </body>
</html>

<div class="creator-platform-content">如果有一台时光穿梭机&nbsp;你想去哪个年代看看？<img src="https://mc-gxlmmz-public.8531.cn/12021426603908.jpg?width=1600&amp;height=1066&amp;size=606427">11月10日——14日温州市鹿城区藤桥石埠文化礼堂这场“丰收的时光排派对”肯定会给你意外的惊喜活动期间这里为你开启了前往8090的旧时光之门让我们一起搭上时光的列车开往记忆深处……花衬衫、喇叭裤、海魂衫、波点裙……穿上复古装，一秒穿越到80、90年代<img src="https://mc-gxlmmz-public.8531.cn/12021426615236.jpg?width=1600&amp;height=1066&amp;size=348108"> 在<img src="https://mc-gxlmmz-public.8531.cn/12021426624708.jpg?width=2730&amp;height=4096&amp;size=2102078">温州市海外传播官 打卡中国·海鸥圈成员没有手机的时代去照相馆拍一张全家福是深具仪式感的活动许多人都有着这样的遗憾没能记录下那个时代更多珍贵的瞬间 重回上世纪七、八十年代“海鸥照相馆”换上一套“潮装靓服”摆上那个年代特有的经典造型★ 温州市海外传播官 打卡中国·海鸥圈成员 来自加纳的“资深网红”艾鹏达Percy和外籍乐队成员的复古造型把花衬衫玩出新“摩登感”变身上世纪80年代的街头时髦精♪ ♫ 拿了零花钱就往小卖部跑这样的日子每个人都经历过猴王丹、无花果、石头糖…… 时光小卖部温情营业唤醒味蕾记忆 市 集 热闹的摊位上贩卖着小时候的味道这次时光派对的市集环节集合了灯盏糕、猪油膏、糖画等童年专属味道总之不用担心亏欠了嘴巴和胃 那些年让我们乐此不疲的怀旧游戏跳房子、踢毽子、跳皮筋，滚铁环……勾起我们对青葱岁月的怀念~ &nbsp;游戏时光&nbsp; 放映机沙沙作响幕布上放映着《庐山恋》《大刀王五》《地道战》等怀旧经典电影“我上一次看电影，还是跟我老伴谈恋爱的时候，有40年了”一位古稀老人看得津津有味并不时跟边上的同伴说着自己的感受他们忽而会心地笑忽而跟着台词模仿俨然一群重回青春的“老顽童” 身着传统舞狮服装的舞者们随着鼓点和音乐在空中回旋跳跃节奏多变、动作复杂欢快场面壮观，格外吸睛 本土乐队&lt;灰石&gt;国际乐团&lt;soul band&gt;乡村艺术团《青苹果乐园》、《红日》、《水手》…… 每晚尽情嗨唱！燃爆全场！持续输出复古浪潮魅力七彩的霓虹灯点、绚烂的金属灯球“老小孩们”或一起哼唱或在迪斯科舞曲伴奏下摇摆身体减压又快乐 越剧 为了满足戏迷的需求《梁祝》、《红楼梦》、《山河恋》等多个越剧选段轮番上演演员唱腔清婉动听的表演真切动人 精彩之处大家不约而同地拍手称赞当地一位百岁老人连续三天到场过足“戏瘾！人气爆棚氛围拉满14日下午温州市鹿城区文化馆柯苗副馆长还到场开启讲座用温州话聊古诗词!</div>

爷青回！温州藤桥这场“时光派对”刷屏朋友圈

bottom_bar_switch

yidun_anti_switch

news_detail_views

channel_list_views

news_detail_spread

浙江日报

钱江晚报

浙江法治报

美术报

浙江老年报

江南游报