feat: add a new page named "sendNotification"

src/routes/sendNotification.svelte

@@ -1 +1,105 @@
-<h1>send notification</h1>
+<script>
+  import PocketBase from "pocketbase";
+  import { push } from "svelte-spa-router";
+  import { PocketBase_URL } from "../utils/api/index";
+
+  let tittle = "";
+  let body = "";
+  let release_time = "";
+  let tag = "";
+  const pb = new PocketBase(PocketBase_URL);
+
+  function cancel() {
+    push("/main");
+  }
+
+  async function post() {
+    //异步函数的定义
+    const data = {
+      tittle: tittle,
+      body: body,
+      release_time: release_time,
+      tag: tag,
+    };
+    try {
+      await pb.collection("notices").create(data);
+      push("/main");
+    } catch (error) {
+      alert("fail to post");
+    }
+  }
+</script>
+
+<h1>发布你的第一条通知吧！</h1>
+
+<form on:submit|preventDefault={post}>
+  <div>
+    <label for="tittle">Tittle:</label>
+    <input type="text" id="tittle" bind:value={tittle} placeholder="Tittle" />
+  </div>
+  <div>
+    <label for="body">Body:</label>
+    <textarea id="body" name="body" bind:value={body} placeholder="Body"
+    ></textarea>
+  </div>
+  <div>
+    <label for="release_time">Release Time:</label>
+    <input
+      type="text"
+      id="release_time"
+      bind:value={release_time}
+      placeholder="Release Time"
+    />
+  </div>
+  <div>
+    <label for="tag">Tag:</label>
+    <input
+      type="text"
+      id="tag"
+      bind:value={tag}
+      placeholder="An interesting tag"
+    />
+  </div>
+  <div>
+    <button type="submit" class="cancel-button"> 发布 </button>
+  </div>
+</form>
+
+<button on:click={cancel} class="cancel-button"> 取消 </button>
+
+<style>
+  div {
+    margin-bottom: 10px;
+  }
+
+  label {
+    display: block;
+    font-weight: bold; /*文本粗细*/
+    margin-bottom: 5px; /* div元素之间的距离 */
+    width: 150px;
+  }
+
+  input[type="text"] {
+    width: 80%;
+    height: 40px;
+    float: left;
+    border: 1px solid #ccc; /* 边框 */
+    padding: 10px; /* 内边距 */
+    border-radius: 5px; /* 圆角 */
+  }
+
+  textarea {
+    width: 100%;
+    height: 400px;
+    padding: 10px; /* 内边距 */
+    font-weight: bold; /*文本粗细*/
+    border: 1px solid #ccc; /* 边框 */
+    border-radius: 5px; /* 圆角 */
+  }
+
+  .cancel-button {
+    margin-top: 10px;
+    justify-content: center;
+    float: left;
+  }
+</style>