| Server IP : 156.238.232.47 / Your IP : 216.73.216.150 Web Server : nginx/1.25.3 System : Linux C202504152095410 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : www ( 1000) PHP Version : 8.3.25 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /www/data/wwwroot/docker/templates/ |
Upload File : |
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>工程翻译术语库</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<style>
body {
min-height: 100vh;
margin: 0;
font-family: "微软雅黑", Arial, sans-serif;
background: transparent !important;
}
body::before {
content: '';
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
z-index: -1;
background: url('{{ url_for('static', filename='image_1_slices/image_1.png') }}') center center/cover no-repeat;
opacity: 0.55;
pointer-events: none;
}
.main-title {
text-align: center;
font-size: 2.6rem;
font-weight: bold;
margin: 48px 0 32px 0;
color: #223a5c;
letter-spacing: 0.08em;
}
.search-bar {
display: flex;
justify-content: center;
margin-bottom: 38px;
}
.search-bar input {
width: 420px;
padding: 18px 22px;
font-size: 1.25rem;
border-radius: 12px 0 0 12px;
border: 1.5px solid #b0c4de;
outline: none;
background: #fff;
box-sizing: border-box;
}
.search-bar button {
padding: 0 38px;
font-size: 1.25rem;
border-radius: 0 12px 12px 0;
border: 1.5px solid #165ba8;
background: #2176d2;
color: #fff;
cursor: pointer;
font-weight: bold;
transition: background 0.2s;
margin-left: -1.5px;
}
.search-bar button:hover {
background: #165ba8;
}
.result-box {
background: #fff;
border-radius: 28px;
margin: 0 auto;
width: 44%;
min-width: 420px;
max-width: 700px;
padding: 38px 38px 28px 38px;
box-shadow: 0 6px 32px rgba(80,120,200,0.10);
position: relative;
}
.result-title {
font-size: 1.35rem;
font-weight: bold;
margin-bottom: 18px;
color: #223a5c;
}
.result-list {
margin: 0;
padding: 0;
}
.result-item {
border-bottom: 1px solid #e0e6ed;
padding: 12px 0 10px 0;
font-size: 1.18rem;
line-height: 1.8;
color: #222;
text-align: left;
}
.result-item:last-child { border-bottom: none; }
.result-item .en {
color: #2176d2;
font-size: 1.08rem;
margin-top: 2px;
}
.highlight {
background: #ffe066;
color: #d35400;
font-weight: bold;
border-radius: 3px;
padding: 0 2px;
}
.back-btn {
display: inline-block;
position: fixed;
top: 32px;
right: 48px;
margin-bottom: 0;
background: #2176d2;
color: #fff;
border: none;
border-radius: 8px;
padding: 8px 22px;
font-size: 16px;
cursor: pointer;
text-decoration: none;
z-index: 1000;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.pagination {
text-align: center;
margin-top: 24px;
}
.pagination a {
display: inline-block;
margin: 0 8px;
padding: 6px 16px;
background: #e6f0fa;
color: #2176d2;
border-radius: 6px;
text-decoration: none;
font-size: 1.08rem;
}
.pagination a.active, .pagination a:hover {
background: #2176d2;
color: #fff;
}
.footer {
text-align: center;
color: #b0c4de;
font-size: 15px;
margin-top: 60px;
margin-bottom: 16px;
letter-spacing: 0.05em;
}
@media (max-width: 800px) {
.result-box { width: 96%; min-width: unset; padding: 18px 6px; }
.main-title { font-size: 1.5rem; }
}
</style>
</head>
<body>
<div class="main-title">工程翻译术语库</div>
<form method="get" class="search-bar">
<input type="text" name="q" value="{{ q|default('') }}" placeholder="请输入关键词">
<button type="submit">🔍 搜索</button>
</form>
<a href="/" class="back-btn">← 返回上一层</a>
{% if q %}
<div class="result-box">
<div class="result-title">搜索结果</div>
<div class="result-list">
{% if results %}
{% for item in results %}
<div class="result-item">
<div>{% autoescape false %}{{ item.chinese|highlight(q) }}{% endautoescape %}</div>
<div class="en">{% autoescape false %}{{ item.translation|highlight(q) }}{% endautoescape %}</div>
</div>
{% endfor %}
{% else %}
<div>暂无结果</div>
{% endif %}
</div>
{% if pages > 1 %}
<div class="pagination">
{% for p in range(1, pages+1) %}
<a href="?q={{ q }}&page={{ p }}" class="{% if p == page %}active{% endif %}">{{ p }}</a>
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
<div class="footer">
Powered by wy.lzjtu.edu.cn Right Reserved 兰州交通大学外国语学院 陇ICP备14001560号-2
</div>
</body>
</html>