feat: 开发中...

blog-frontend/src/components/manage/SiteManageComponent.vue

@@ -2,14 +2,27 @@
 <script setup lang="ts">
 import { api, siteSetting } from '@/api';
 function changeSetting(id: string, content: string) {
-    api.SettingController.updateSetting(content, id, { withCredentials: true })
+    api.SettingController.updateSetting({ content }, id)
+}
+
+function changeCustomCSS(cssText: string) {
+    let cssElement = document.getElementById("custom-css")
+    siteSetting.css = cssText
+    if (cssElement != null) cssElement.innerText = cssText
+    api.SettingController.updateSetting({ "content": cssText }, siteSetting.keys.site.css)
 }
 </script>
 <template>
-    <el-input v-model="siteSetting.title.value" placeholder="网站标题"
-        @change="changeSetting('site.title', siteSetting.title.value)" />
-    <el-input v-model="siteSetting.footer.value" placeholder="页脚文本"
-        @change="changeSetting('site.footer', siteSetting.footer.value)" />
+    <el-input v-model="siteSetting.title" placeholder="网站标题"
+        @change="changeSetting(siteSetting.keys.site.title, siteSetting.title)" show-word-limit maxlength="10" />
+    <el-input v-model="siteSetting.footer" placeholder="页脚文本（支持HTML）"
+        @change="changeSetting(siteSetting.keys.site.footer, siteSetting.footer)" show-word-limit maxlength="1024" />
+    <el-input v-model="siteSetting.css" placeholder="自定义CSS" @change="changeCustomCSS(siteSetting.css)" type="textarea"
+        autosize />
 </template>
 
-<style scoped></style>
+<style scoped>
+.el-input {
+    margin-bottom: 5px;
+}
+</style>