49 lines
2.0 KiB
PHP
49 lines
2.0 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Bird 档案存储数据审计</title>
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
<style>
|
|
body { background-color: #f4f5f7; font-family: -apple-system, sans-serif; padding: 40px 20px; }
|
|
.viewer-container { max-width: 900px; margin: 0 auto; background: #ffffff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.05); border: 1px solid #dfe1e6; overflow: hidden; }
|
|
.viewer-header { background: #0747a6; color: #fff; padding: 24px 32px; }
|
|
.viewer-header h1 { margin: 0; font-size: 24px; font-weight: 600; }
|
|
.viewer-body { padding: 32px; }
|
|
|
|
/* Markdown 渲染规范化样式 */
|
|
.markdown-body { line-height: 1.6; color: #172b4d; font-size: 16px; }
|
|
.markdown-body h1 { border-bottom: 2px solid #ebecf0; padding-bottom: 8px; margin-top: 0; margin-bottom: 16px; font-weight: 600; color: #172b4d;}
|
|
.markdown-body p { margin-bottom: 16px; }
|
|
.markdown-body strong { font-weight: 600; color: #000; }
|
|
|
|
.action-bar { border-top: 1px solid #dfe1e6; padding: 20px 32px; background: #fafbfc; }
|
|
.btn-link { color: #0052cc; text-decoration: none; font-weight: 600; font-size: 14px; }
|
|
.btn-link:hover { text-decoration: underline; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="viewer-container">
|
|
<div class="viewer-header">
|
|
<h1>物种标准化输出：{{ $oBird->title }}</h1>
|
|
</div>
|
|
|
|
<div class="viewer-body">
|
|
<div id="div-rendered-content" class="markdown-body" data-html-content="{{ $oBird->markdown_content }}"></div>
|
|
</div>
|
|
|
|
<div class="action-bar">
|
|
<a href="/birds/create" class="btn-link">← 返回采集终端继续录入</a>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
var sSafeHtml = $('#div-rendered-content').data('html-content');
|
|
$('#div-rendered-content').html(sSafeHtml);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|