<!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">晚高峰的车流里一辆私家车一路疾驰紧追着一辆警用摩托车到底怎么回事5月20日傍晚桐乡县前街车流如织梧桐派出所警员陈辉刚准备开展晚间巡逻工作 <img src="https://mc-gxlmmz-public.8531.cn/15149704875785.jpg?width=640&amp;height=363&amp;size=2250230"> 突然一辆白色轿车一个急刹停在对向车道车窗摇下司机着急朝他大喊“警察同志，&nbsp; &nbsp;孩子后脑勺摔伤了，&nbsp; &nbsp;能不能帮帮我们！”只见后排座位上一位老人抱着一个男孩衣服上沾着血一手紧紧捂着男孩的后脑勺哭声揪心“快！打开双闪！跟着我走！”陈辉上报指挥中心后拉响警笛带着私家车一路疾驰 <img src="https://mc-gxlmmz-public.8531.cn/15149704894537.jpg?width=640&amp;height=363&amp;size=2263111"> “前面车靠边！靠边！”“让一下！让一下！”……此时正值晚高峰陈辉一路咆哮车流量大的路口他赶紧下车指挥路上车辆也纷纷让出一条绿色通道 <img src="https://mc-gxlmmz-public.8531.cn/15149704909641.jpg?width=640&amp;height=362&amp;size=3073443"> 争分夺秒！陈辉就这样带着私家车一路疾驰在确保安全的前提下吼着连闯8个红灯安全抵达医院将原本30多分钟的路程缩短到了16分钟 <img src="https://mc-gxlmmz-public.8531.cn/15149704923785.jpg?width=640&amp;height=363&amp;size=615686"> 几人冲进急诊室时孩子已面色发白经检查后脑勺伤口需缝合但所幸未伤及颅内得知消息大家都松了一口气这时男孩母亲也赶到了医院“真的太谢谢你们了！”这才知道原来开车的是男孩的邻居仰女士她还在忙前忙后帮孩子挂号付费 <img src="https://mc-gxlmmz-public.8531.cn/15149704942345.jpg?width=1078&amp;height=611&amp;size=1864833"> 原来小男孩不小心摔了一跤磕破了后脑勺当时家里只有奶奶一个人看到流血不止的孩子奶奶急得不知道该怎么办了这时仰女士刚好下班回来看见这一幕二话没说赶紧让祖孙两人上车……“我在后视镜里看到孩子奶奶急得一直在发抖，身上也都是孩子血了，我就握紧方向盘我死死跟着那盏警灯......都是当妈的，哪能看着不管！”记者：沈雨琦 方奕婷责编：陈玮审核：葛隽</div>

她紧紧追着警车！真相是……

bottom_bar_switch

yidun_anti_switch

news_detail_views

channel_list_views

news_detail_spread

浙江日报

钱江晚报

浙江法治报

美术报

浙江老年报

江南游报