|
|
@@ -45,33 +45,47 @@
|
|
|
padding: 20px;
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
+ .myTop{
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ background-image: url("./img/white.png");
|
|
|
+ /* 背景铺满整个div*/
|
|
|
+ background-size: 100% 100%;
|
|
|
+ width: 100%;
|
|
|
+ padding: 10px;
|
|
|
+ z-index: 100;
|
|
|
+ }
|
|
|
</style>
|
|
|
<script src="js/markdown.min.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="all">
|
|
|
- <div style="position: fixed;top: 10px;">
|
|
|
+ <div class="myTop">
|
|
|
<a href="https://memos.tianyunperfect.cn/">memos主页</a>
|
|
|
<!-- 页码输入框，默认为1，修改触发查询-->
|
|
|
<span style="margin-left: 20px">页码：</span>
|
|
|
<input style="width: 50px; margin-left: 20px;padding-left: 10px" type="number" class="border" id="page" value="1" onkeydown="if(event.keyCode===13) {search()}">
|
|
|
<!--输入框，绑定回车事件，触发查询-->
|
|
|
<input style="margin-left: 30px; width: 70vw; padding-left: 10px" placeholder="搜索" type="text" id="search" class="border" onkeydown="if(event.keyCode===13) {search()}">
|
|
|
+ <br><br>
|
|
|
+ <div></div>
|
|
|
+ <div style="display: flex">
|
|
|
+ <!-- 创建一个用于编辑的容器 -->
|
|
|
+ <textarea id="editor" class="editor border" rows="4" style="width: 80%" onchange="localStorage.setItem(contentStr, getEditContent())"></textarea>
|
|
|
+ <!-- 添加发送按钮 -->
|
|
|
+ <button id="log" style="margin-left: 20px; height: 100px;width: 10%; font-size: 40px" onclick="sendData()">记录</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 添加多选按钮 -->
|
|
|
+ <div id="tags"></div>
|
|
|
</div>
|
|
|
|
|
|
- <br><br>
|
|
|
- <div></div>
|
|
|
- <!-- 创建一个用于编辑的容器 -->
|
|
|
- <textarea id="editor" class="editor border" rows="4" style="width: 95%" onchange="localStorage.setItem(contentStr, getEditContent())"></textarea>
|
|
|
|
|
|
- <!-- 添加多选按钮 -->
|
|
|
- <div id="tags"></div>
|
|
|
+ <div style="margin-top: 230px"></div>
|
|
|
+
|
|
|
|
|
|
|
|
|
- <br>
|
|
|
- <br>
|
|
|
- <!-- 添加发送按钮 -->
|
|
|
- <button id="log" style="float: right; height: 100px;width: 200px; font-size: 40px" onclick="sendData()">记录</button>
|
|
|
<div id="memos_list">
|
|
|
|
|
|
</div>
|
tianyun
