🔀 Merge branch 'wei' of gitcode.com:qingss0/micro_servers into wei
This commit is contained in:
shufeng2012 committed
commit
0f661a046c
5 files changed
+100
-29
No files matched your search
@@ -0,0 +1,71 @@
|
||||
code {
|
||||
color: red;
|
||||
background-color: rgb(254, 235, 238);
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
pre > code {
|
||||
display: block;
|
||||
color: white;
|
||||
background-color: rgb(96, 96, 96);
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
blockquote {
|
||||
margin-right: 0px;
|
||||
background-color: #cfcfcf;
|
||||
}
|
||||
|
||||
/* by qing */
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #fffbf0;
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto,sans-serif;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: #eedeb0;
|
||||
border: 1px solid #000000;
|
||||
border-radius: 1.125rem;
|
||||
padding: 1.5rem 1.25rem;
|
||||
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);
|
||||
/*max-width: 480px;*/
|
||||
width: 90%;
|
||||
color: #4d3e2b;
|
||||
transition: box-shadow 0.2s, border-color 0.2s;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
border-color: #c7b38a;
|
||||
box-shadow: 0 10px 24px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
/* 移动端微调 */
|
||||
@media (max-width: 480px) {
|
||||
body {
|
||||
padding: 0.8rem;
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 1.2rem, 1rem;
|
||||
border-radius: 1rem;
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 极小屏 (宽度 < 360px) */
|
||||
@media (max-width: 360px) {
|
||||
.card {
|
||||
padding: 1rem 0.8rem;
|
||||
border-radius: 0.9rem;
|
||||
}
|
||||
}
|
||||
+17
-25
@@ -5,34 +5,26 @@
|
||||
<!-- 移动端适配核心标签 -->
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
||||
<title>DNFS · 树状笔记</title>
|
||||
<style>
|
||||
code {
|
||||
color: red;
|
||||
background-color: rgb(254, 235, 238);
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
pre > code {
|
||||
display: block;
|
||||
color: white;
|
||||
background-color: rgb(96, 96, 96);
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
blockquote {
|
||||
margin-right: 0px;
|
||||
background-color: #cfcfcf;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/qing.css">
|
||||
</head>
|
||||
<body>
|
||||
<center>
|
||||
<!-- 文章主标题 -->
|
||||
<h1><div id="article-title">title</div></h1>
|
||||
<div class="box">
|
||||
<h1><div id="article-title"></div></h1>
|
||||
|
||||
<!-- 文章详情 -->
|
||||
<div>
|
||||
发布时间：<span id="publish-time">2026-1-1</span>
|
||||
</center>
|
||||
<div id="article-content"></div>
|
||||
<div class="recommend-list" id="recommend-list"></div>
|
||||
<br>
|
||||
<div class="card">
|
||||
<h3>节点操作</h3>
|
||||
<label>新增节点</label><input id="input-note-title"></input><br>
|
||||
<label>节点内容</label><textarea id="input-note-content"></textarea><br>
|
||||
<button id="input-note-submit">提交</button>
|
||||
<button id="input-note-clear">重置</button>
|
||||
</div>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/12.0.0/markdown-it.min.js"></script>
|
||||
<script src="/js/validation.js"></script>
|
||||
<script src="/js/dnfs.js"></script>
|
||||
</div>
|
||||
<div>
|
||||
浏览：<span id="visit-count">999</span>
|
||||
|
||||
@@ -144,21 +144,23 @@ function load_notes(main_node) {
|
||||
}
|
||||
for (i in main_node) {
|
||||
item = main_node[i]
|
||||
var card = document.createElement('div');
|
||||
card.className = "card";
|
||||
var ttl = document.createElement('center');
|
||||
ttl.addEventListener('click', function(event) {
|
||||
var id = Number(item.id)
|
||||
stack.push(id)
|
||||
getNode(token, id).then(load_notes)
|
||||
});
|
||||
var ttl1 =document.createElement('h1');
|
||||
var ttl1 =document.createElement('h3');
|
||||
ttl1.textContent = item.title
|
||||
ttl.appendChild(ttl1)
|
||||
recommend_list.appendChild(ttl)
|
||||
card.appendChild(ttl)
|
||||
var ctt = document.createElement('p');
|
||||
renderMarkdown(ctt, item.content);
|
||||
recommend_list.appendChild(ctt)
|
||||
card.appendChild(ctt)
|
||||
recommend_list.appendChild(card)
|
||||
recommend_list.appendChild(document.createElement('br'))
|
||||
recommend_list.appendChild(document.createElement('hr'))
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
@@ -5,6 +5,7 @@
|
||||
<!-- 移动端适配核心标签 -->
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
||||
<title>登录</title>
|
||||
<link rel="stylesheet" href="css/qing.css">
|
||||
<style>
|
||||
.tip-red {color:red;}
|
||||
.tip-yellow {color: orange;}
|
||||
@@ -12,6 +13,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<h2>用户登录</h2>
|
||||
<form action="" id="form" method="post">
|
||||
<div>
|
||||
@@ -42,6 +44,7 @@
|
||||
<span id="agreeTip"></span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<script src="js/validation.js"></script>
|
||||
<script src="js/login.js"></script>
|
||||
</body>
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
||||
<title>注册页面</title>
|
||||
<link rel="stylesheet" href="css/qing.css">
|
||||
<style>
|
||||
.tip-red {color:red;}
|
||||
.tip-yellow {color: orange;}
|
||||
@@ -11,6 +12,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<h2>注册页面</h2>
|
||||
<form id="form">
|
||||
<div>
|
||||
@@ -39,6 +41,7 @@
|
||||
<input type="button" value="返回登录" onclick="location.href='login.html'">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<script src="js/validation.js"></script>
|
||||
<script src="js/register.js?v=6"></script>
|
||||
</body>
|
||||
|
||||
Reference in new issue
Block a user