Miao-Yunzai/resources/StarRail/html/mysNews/mysNews.html

136 lines
11 KiB
HTML
Raw Normal View History

2024-06-14 10:44:18 +08:00
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="shortcut icon" href="#" />
<link rel="stylesheet" type="text/css" href="{{pluResPath}}html/mysNews/mysNews.css"/>
<link rel="preload" href="{{pluResPath.replace('StarRail/', '')}}script/qrcode.min.js" as="script"/>
</head>
<body>
<svg style="display: none">
<symbol id="icon-dianzanpc" viewBox="0 0 1024 1024">
<path
d="M890.0923072 357.9623936h-252.06153813s107.07013973-335.35387307-145.07541867-336.16607253c-77.71897387-0.25206187-111.49522027 71.8655456-111.49522027 71.8655456C374.71048213 395.82763733 161.91453013 385.94122347 161.91453013 385.94122347H105.9008544c-88.13751787 0.30807573-84.02051307 76.4026528-84.020512 76.40265386S21.65628693 822.2877536 21.8803424 916.13866667c0.196048 88.52961387 82.98426027 85.08477227 82.9842592 85.08477226s497.70951147 0.50412267 636.20332267 0c117.7407456-0.44810987 138.29776427-85.08477227 138.29776426-85.08477226s57.63807147-190.250448 110.65501547-368.71001707C1047.5187424 353.8733952 890.0923072 357.9623936 890.0923072 357.9623936z"
fill="#ffffff"
></path>
<path
d="M889.81223893 358.29847573h-251.921504s107.01412693-335.52191467-144.9913984-336.36212053c-77.69096747-0.25206187-111.4392064 71.92155947-111.4392064 71.92155947-6.749648 302.33381227-219.43357227 292.4473984-219.43357333 292.4473984H106.04088853c-88.10951147 0.30807573-83.9644992 76.43066027-83.9644992 76.4306592s-0.2240544 360.13992427 0 454.0188448c0.196048 88.55762027 82.9282464 85.14078613 82.9282464 85.14078613s497.4574496 0.50412267 635.8672416 0c117.68473173-0.44810987 138.2417504-85.14078613 138.2417504-85.14078613s57.61006507-190.33446827 110.57099414-368.90606507c57.47003093-193.63927573-99.87238293-189.55027733-99.87238294-189.55027627zM77.89401707 895.69367573V486.7938464S77.13783253 441.9829056 122.73296427 441.9829056c14.78761067 0 51.6166016 4.20102613 95.2512544-2.35257387V946.10598293h-84.02051307S77.89401707 953.3317472 77.89401707 895.69367573z m862.77863893-392.09572693c-22.15340907 89.7339072-112.0553568 380.89299093-112.0553568 380.89299093s-18.0083968 61.6150432-106.45398933 61.6150432H273.9978944V425.03876907c77.94302933-29.96731627 157.56646827-107.26618773 168.06903253-302.33381227 0 0 55.00542933-103.06516267 140.06219414 5.60136747 53.80113493 68.72877973-28.00683733 285.669744-28.00683734 285.669744h324.93533014c-0.0280064 0 83.7684512-0.11202773 61.61504213 89.62188053z"
fill="#b2b2b2"
></path>
</symbol>
<symbol id="icon-shoucang" viewBox="0 0 1080 1024">
<path
d="M999.168 343.04l-245.020444-62.919111-159.800889-220.216889S575.772444 28.586667 541.070222 28.444444c-34.702222-0.170667-63.914667 31.459556-63.914666 31.459556L328.049778 269.653333s-225.024 67.555556-245.020445 73.415111c-19.996444 5.859556-49.180444 19.484444-53.276444 41.955556-6.997333 38.428444 10.638222 62.919111 10.638222 62.919111l159.800889 188.757333v283.136c0.028444 21.504-2.332444 42.723556 21.304889 62.919112s63.914667 10.496 63.914667 10.496l255.658666-104.874667 245.020445 94.378667c16.981333 6.542222 52.423111 18.488889 74.581333 0 22.158222-18.488889 21.304889-52.451556 21.304889-52.451556V636.700444s116.593778-143.160889 138.496-167.793777c21.902222-24.632889 31.744-41.386667 31.971555-73.415111s-53.276444-52.451556-53.276444-52.451556z"
fill="#ffffff"
></path>
<path
d="M999.196444 343.04l-244.935111-62.919111-159.744-220.216889S575.943111 28.586667 541.269333 28.444444c-34.673778-0.170667-63.886222 31.459556-63.886222 31.459556L328.305778 269.653333s-224.938667 67.555556-244.935111 73.415111c-19.968 5.859556-49.152 19.484444-53.248 41.955556-6.997333 38.428444 10.638222 62.919111 10.638222 62.919111l159.744 188.757333v283.136c0.028444 21.475556-2.332444 42.723556 21.304889 62.919112 23.637333 20.195556 63.886222 10.496 63.886222 10.496l255.573333-104.874667 244.935111 94.378667c16.952889 6.542222 52.394667 18.488889 74.552889 0s21.304889-52.451556 21.304889-52.451556V636.700444s116.536889-143.160889 138.439111-167.793777c21.902222-24.632889 31.744-41.386667 31.943111-73.415111s-53.248-52.451556-53.248-52.451556z m-9.301333 72.248889c-10.752 13.909333-164.920889 199.111111-164.920889 199.111111v301.511111s3.214222 19.456-22.755555 11.377778c-25.969778-8.078222-261.603556-96.711111-261.603556-96.711111l-267.292444 102.4s-17.152 9.671111-17.066667-11.377778c0.113778-21.048889 0-307.2 0-307.2l-164.920889-193.422222s-17.265778-14.592 5.688889-22.755556c22.954667-8.163556 267.292444-85.333333 267.292444-85.333333l159.232-221.866667s16.128-15.758222 28.444445 0c12.316444 15.758222 164.920889 233.244444 164.920889 233.244445l267.292444 73.955555s16.412444 3.157333 5.688889 17.066667z"
fill="#b2b2b2"
></path>
</symbol>
</svg>
<div class="container" id="container">
<div class="mhy-layout__main">
<div class="mhy-article-page__main mhy-container">
<div class="account">
<div class="mhy-authentication-mark-container">
<span class="mhy-authentication-mark"
><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABPlBMVEVHcEwAqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv8Aqv////8Aqv8Aqf4AqP4Apv0AnPgAm/cApPwAofoAovsAp/4Ao/z9/v/+//8KmPQAp/264/yW2P0AmPYAlPMAk/P2+/8AmPVLw//C6v+66P+x4/6w4/45u/4+v/81uv4qtv4uuP7c8/+a3f9Kw/9z0P+45f4itf8lpPY5sfkIqf3f9P+t5P+84vwDq/8Jnvdmxvx60//D6P5CtPkgofWz4/4Gp/0Or/+p4v9Wx//A5Pwyu/8Hnfae3/9syPy34/2d1fodnvMen/TB5/6m2foup/ah2/w4q/aHy/mGy/kApf2nskCjAAAAIHRSTlMAAT7K2/Ni+egCKEkDP4nMY+snIYrcxMOLwsXyR0ZAy1ZX3U4AAAFtSURBVCjPjZNnY4IwEIYVRRDcq9auEEDBbR3de++9927//x9oOEwJ2g++X5LLk3F3ufN4BpSXi2REQRAzKc7bB4MBv/InfyDopkmf4pIvydLxuNKjOOfQMUHpkzBKaWJE+Ud8wqYh5t2pBeb9EOAAc2R6hjFiEC8T0TxCi0x8VvxhZv8cQrOMGSY44phLZYQqy44dIXgIZgeba+urK4ho9/74+vYSFocJFmG2h1y6gkWRYEgJ3tlg6fkFhtRQrBqHdYfW7wyVYrgcF/LVfUpvqvkCppfbrhG+RfFZl4JrKTsIXDqleLuEncBoWtQHio9UJi00qWoDofbXdxuhRhf7oWZitlF8LT89t1ovb5WTIvMlntAEGNrHe7Oj653m56MGC1H7Qz0SD1if1E1NM8kAmJdouchWamqmqRGP8Y9h1KyUyE6xyeQ8VrseqUWyi5fZUpWi7kKLSr1tkHZgurcNrA1cNmc1US7LBQdtvF/ScFfDvR1lkgAAAABJRU5ErkJggg=="
class="mhy-img-icon mhy-symbol-icon"
/></span>
</div>
<img src="{{data.user.avatar_url}}" class="mhy-account-avatar" />
<div class="account-info">
<div class="mhy-account-title">
{{data.user.nickname}}
<img src="https://img-static.mihoyo.com/level/level{{data.user.level_exp.level}}.png" class="mhy-img-icon account-title" />
{{if data.user?.certification?.type == 1}}
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQBAMAAAD34QLcAAAAKlBMVEVHcEzmyZbmyZbmyZbmyZbmyZbmyZbmyZbmyZbmyZbmyZbmyZbmyZbmyZYjOgR8AAAADXRSTlMA3US7mWbm50xKTUnks2tyCAAAAIJJREFUCNdj2HYXCWQzZDEggWUMFxgYmB1ATBDJy3AhFqTqKpB/CcwNAUm52oIELwO5DLJ3715kYGAB6QBxhRgYFIHcACgXIssMVKwAlQUCRgWgHFT2rgJDLAOUC5RlVmAQAZkAl2UUYGAIRMgaMzDevQTmIgFehgxkbjvDdGQPngQAQ39Au8pquMcAAAAASUVORK5CYII="
class="mhy-img-icon account-title"
/>
{{/if}}
</div>
<p class="account-label">{{data.user?.certification?.label || ""}}</p>
</div>
<div class="mhy-follow-button sm-btn android-margin" id="qrcode"></div>
<img class="mhy-logo" src="{{pluResPath}}html/mysNews/mys.png" />
</div>
<div class="mhy-article-page__header">
<div class="mhy-article-page__title">
<h1>{{data.post.subject}}</h1>
</div>
<div class="mhy-article-page-info">
<div class="mhy-article-page-info__from">
<span>来自版块:</span>
<a href="" class="mhy-router-link mhy-article-page-info__from-name" target="_blank">{{data?.forum?.name || ""}} </a>
</div>
<div class="mhy-article-page-info__count">
<div class="mhy-article-page-info__count-item">
<i class="mhy-icon iconfont icon-liulanshu"></i> <span title="">{{data.stat.view_num}}</span>
</div>
<div class="mhy-article-page-info__count-item">
<i class="mhy-icon iconfont icon-dianzan"></i> <span title="">{{data.stat.like_num}}</span>
</div>
<div class="mhy-article-page-info__count-item mhy-clickable">
<i class="mhy-icon iconfont icon-liuyanshu"></i> <span title="">{{data.stat.reply_num}}</span>
</div>
<!-- <div class="mhy-article-page-info__count-item">
<i class="mhy-icon iconfont icon-shoucang"></i> <span title="">{{data.stat.bookmark_num}}</span>
</div> -->
</div>
</div>
<div class="mhy-article-page-updatetime">
<span>文章发表:{{data.post.created_time}}</span>
</div>
</div>
<div class="mhy-article-page__content">
<div class="mhy-img-text-article ql-container ql-snow">
<div class="data_box mhy-img-text-article__content ql-editor">{{@dataConent}}</div>
</div>
</div>
<div class="mhy-article-page__footer">
<div class="mhy-article-page-bottom">
<div class="mhy-topic-label-selector">
{{each data.topics val}}
<div class="mhy-topic-label mhy-topic-label-selector__item">
<a href="" class="mhy-router-link mhy-topic-label__link" target="_blank">
<span>{{val.name}}</span>
</a>
</div>
{{/each}}
</div>
<!-- <div class="mhy-button mhy-article-page__report mhy-button-default"><button class="mhy-button__button">举报</button></div> -->
</div>
<div class="mhy-article-page-user-data">
<!-- <div class="mhy-article-page-user-data__item">
<div class="mhy-heart-click">
<svg class="mhy-symbol-icon mhy-heart-click__icon"><use xlink:href="#icon-dianzanpc"></use></svg>
<span>{{data.stat.like_num}}</span>
</div>
</div>
<div class="mhy-article-page-user-data__item">
<svg class="mhy-symbol-icon"><use xlink:href="#icon-shoucang"></use></svg> <span>{{data.stat.bookmark_num}}</span>
</div> -->
</div>
</div>
</div>
</div>
<!-- <div class="logo">Created By {{yzName}}</div> -->
</div>
</body>
<script type="text/javascript" src="{{pluResPath.replace('StarRail/', '')}}script/qrcode.min.js"></script>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://bbs.mihoyo.com/ys/article/{{data.post.post_id}}", // 内容可以是文字,链接,邮箱
width: 130, //设置宽度
height: 130, // 设置高度
correctLevel: QRCode.CorrectLevel.H, // 设置容错级别,上面有介绍
});
</script>
</html>