Files
ulthon_information/view/index/post/read.html
2020-08-18 12:16:42 +08:00

99 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{$post.title}</title>
{include file='common/_require'/}
<link rel="stylesheet" href="/static/lib/quill/quill.snow.css">
<link rel="stylesheet" href="/static/lib/highlight/styles/vs.css">
<script src="/static/lib/highlight/highlight.pack.js"></script>
<style>
.ql-editor {
padding: unset
}
</style>
</head>
<body>
<div class="layui-container main-container">
<div class="layui-row layui-col-space12">
{include file='common/_left'/}
<div class="layui-col-md7">
<div class="main-container">
<div class="content-container">
<div class="title">
{$post.title}
</div>
<div class="info">
<span>{$post->publish_time_text}</span>
</div>
<div class="desc">
{$post.desc_html}
</div>
{if !empty($post.desc) && $post.jump_to_url_status != 0}
<div class="jump-container">
<a href="{$post.jump_to_url}" class="layui-btn jump-btn" target="_blank">{$post.jump_to_btn_title|default='立即跳转'}</a>
</div>
{if $post.jump_to_url_status == 2 }
<script>
window.layuiInitSuccess.push(function () {
var isJumped = false;
var countDownNum = 5;
var closeJump = false;
var jumpUrl = '{$post.jump_to_url}'
window.layerJump = layer.confirm('即将自动打开新页面(倒计时<span class="jump-count-dowm">5</span>秒)', {
btn: ['立即跳转', '取消'],
offset:['20%']
}
, function (index, layero) {
//按钮【按钮一】的回调
window.open(jumpUrl)
isJumped = true
layer.close(index)
}, function (index) {
//按钮【按钮二】的回调
closeJump = true
})
window.timerJump = setInterval(() => {
countDownNum--
$('.jump-count-dowm').text(countDownNum)
if (countDownNum <= 0) {
clearInterval(window.timerJump)
layer.close(window.layerJump)
if (!closeJump && !isJumped) {
window.open(jumpUrl)
}
}
}, 1000);
})
</script>
{/if}
{/if}
<div class="ql-snow">
<div class="ql-editor">{$post->content_html|raw}</div>
</div>
<div class="copyright">
{:get_system_config('post_copyright')}
</div>
</div>
</div>
</div>
{include file='common/_right'/}
</div>
</div>
<script>
$('.ql-editor pre').each(function (n, e) {
hljs.highlightBlock(e);
})
</script>
</body>
</html>