PsychoScales/PsychoScalesOrg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 调整CSS样式和HTML模板格式

Browse Source 
- 修改`styles.css`中的`input[type="submit"]`样式，增加宽度并调整边距
- 修复`scale.html`中的拼写错误，将`lable`改为`label`
- 更新`base.html`的meta描述和关键词，优化SEO
- 调整HTML模板中的格式和缩进，提高代码可读性
This commit is contained in:
mxr612 2025-04-22 21:09:49 +08:00
parent 74931a5161
commit c4efd778a9
3 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/styles.css
View File

@ -141,14 +141,15 @@ main {
}
input[type="submit"] {
float: right;
margin-top: 20px;
/* float: right; */
margin-top: 30px;
background-color: #000000;
color: rgb(255, 255, 255);
padding: 15px 30px;
width: 100%;
border: none;
border-radius: 4px;
cursor: pointer;
margin: 30px;
/* margin: 30px; */
}
}

16
templates/base.html
View File

@ -4,8 +4,8 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="心尺PsychoScales是一个免费的心理测验和报告解读工具，提供了丰富的测试题和专业的解读。">
<meta name="keywords" content="心尺, PsychoScales, 心理测验, 报告解读, 测试题, 心理测试">
<meta name="description" content="PsychoScales心理学专业量表数据库，提供标准化心理测评工具，包含人格测试、症状评估等2000+临床心理学量表，支持在线测评及科研数据导出。">
<meta name="keywords" content="心尺, PsychoScales, 心理学量表,专业心理测评,抑郁症测试,焦虑症自评,在线心理测评系统,心理咨询师工具, 心理测验, 报告解读, 测试题">
<meta name="baidu-site-verification" content="codeva-mPOBUr0rLS" />
<link rel="stylesheet" href="/static/styles.css">
{% block head_extra %}{% endblock %}
@ -18,8 +18,9 @@
</div>
<div class="menu-toggle" onclick="document.querySelector('.nav-links').classList.toggle('active')">☰ </div>
<ul class="nav-links">
<li><a href="https://doc.psychoscales.com/"">文档</a></li>
{% for key,value in tags.items() %}
<li><a href="/tag/{{ key }}"">{{ value }}</a></li>
<li><a href=" /tag/{{ key }}"">{{ value }}</a></li>
{% endfor %}
</ul>
</nav>
@ -28,11 +29,10 @@
{% block main %}{% endblock %}
</main>
<!-- 添加KaTeX支持 -->
<link rel=" stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"
onload="renderMathInElement(document.body, {delimiters: [
<!-- 添加KaTeX支持 -->
<link rel=" stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js" onload="renderMathInElement(document.body, {delimiters: [
{left: '$$', right: '$$', display: true},
{left: '$', right: '$', display: false}]});">
</script>

4
templates/scale.html
View File

@ -13,9 +13,9 @@
{% for id, question in scale['items'].items() %}
<label for="{{ id }}">{{ id }}. {{ question }}</label>
<div class="scale-button">
{% for option, lable in scale.options.items() %}
{% for option, label in scale.options.items() %}
<input type="radio" id="{{ id }}_{{ option }}" name="{{ id }}" value="{{ option }}" required>
<label for="{{ id }}_{{ option }}">{{ option }}</label>
<label for="{{ id }}_{{ option }}" title="{{label}}">{{ option }}</label>
{% endfor %}
</div>
{% endfor %}