guarp/cyber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复在离开留言板后自动刷新仍然工作的bug

Browse Source 
新增编辑器自动缩边
This commit is contained in:
Guarp 2025-02-24 22:16:59 +08:00
parent 7d7e2ccf87
commit d8a524eca2
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/Editor.vue
View File

@ -33,7 +33,7 @@ function clickFuncBtn(func) {
const startPos = textarea.selectionStart; // 获取焦点的起始位置 const startPos = textarea.selectionStart; // 获取焦点的起始位置
const endPos = textarea.selectionEnd; // 获取焦点的结束位置 const endPos = textarea.selectionEnd; // 获取焦点的结束位置
const selectedText = textarea.value.slice(startPos, endPos); // 获取选中的文本 const selectedText = textarea.value.slice(startPos, endPos); // 获取选中的文本
let newText = ''; let newText;
if (selectedText) { if (selectedText) {
newText = func.replace('[cur]', selectedText); newText = func.replace('[cur]', selectedText);
} else { } else {
@ -123,12 +123,13 @@ let autoSave
onUnmounted(() => { onUnmounted(() => {
clearInterval(autoSave); clearInterval(autoSave);
autoSave = undefined;
window.removeEventListener('keydown', handleKeydown); window.removeEventListener('keydown', handleKeydown);
}); });
</script> </script>
<template> <template>
<div class="container"> <div class="container" :class="{'compact-form': isMobileMode}">
<div class="header"> <div class="header">
<input placeholder="输入标题" v-model="titleInput"> <input placeholder="输入标题" v-model="titleInput">
</div> </div>
@ -178,6 +179,11 @@ onUnmounted(() => {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.container.compact-form {
width: 100%;
height: calc(100vh - 60px);
padding: 0;
}
.theme-light .container { .theme-light .container {
background: #e0e0e0; background: #e0e0e0;
} }
@ -197,6 +203,7 @@ onUnmounted(() => {
background: #2a2a2a; background: #2a2a2a;
color: white; color: white;
} }
.theme-light .header input { .theme-light .header input {
background: white; background: white;
color: black; color: black;

5
src/pages/demoPages/messageBoard/Board_page.vue
View File

@ -1,7 +1,7 @@
<script setup> <script setup>
import Message from "./Message.vue"; import Message from "./Message.vue";
import {onMounted, onUnmounted, ref, watch} from "vue"; import {onBeforeUnmount, onMounted, ref, watch} from "vue";
import api from "../../../utils/axios.js"; import api from "../../../utils/axios.js";
import store from "../../../store/index.js"; import store from "../../../store/index.js";
import swal from "../../../utils/sweetalert.js"; import swal from "../../../utils/sweetalert.js";
@ -133,8 +133,9 @@ onMounted(async () => {
}); });
let timer let timer
onUnmounted(() => { onBeforeUnmount(() => {
clearInterval(timer); clearInterval(timer);
timer = undefined;
}) })
</script> </script>