yvan
/
kra-oa
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化结构

This commit is contained in:
Yvan 2026-08-21 15:46:38 +08:00
parent d91f0554fd
commit a1fea67e79
7 changed files with 31 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/src/assets/styles/vue-cropper.css
View File

@ -1 +0,0 @@
.vue-cropper[data-v-a742df44]{position:relative;width:100%;height:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;direction:ltr;touch-action:none;text-align:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-box[data-v-a742df44],.cropper-box-canvas[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-face[data-v-a742df44]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none}.cropper-box-canvas img[data-v-a742df44]{position:relative;text-align:left;-webkit-user-select:none;user-select:none;transform:none;max-width:none;max-height:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:rgba(0,0,0,.5)}.cropper-view-box[data-v-a742df44]{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;-webkit-user-select:none;user-select:none}.cropper-view-box img[data-v-a742df44]{-webkit-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-a742df44]{top:0;left:0;background-color:#fff;opacity:.1}.crop-info[data-v-a742df44]{position:absolute;left:0;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:#000c;font-size:12px}.crop-line[data-v-a742df44]{position:absolute;display:block;width:100%;height:100%;opacity:.1}.line-w[data-v-a742df44]{top:-3px;left:0;height:5px;cursor:n-resize}.line-a[data-v-a742df44]{top:0;left:-3px;width:5px;cursor:w-resize}.line-s[data-v-a742df44]{bottom:-3px;left:0;height:5px;cursor:s-resize}.line-d[data-v-a742df44]{top:0;right:-3px;width:5px;cursor:e-resize}.crop-point[data-v-a742df44]{position:absolute;width:8px;height:8px;opacity:.75;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-4px;left:-4px;cursor:nw-resize}.point2[data-v-a742df44]{top:-5px;left:50%;margin-left:-3px;cursor:n-resize}.point3[data-v-a742df44]{top:-4px;right:-4px;cursor:ne-resize}.point4[data-v-a742df44]{top:50%;left:-4px;margin-top:-3px;cursor:w-resize}.point5[data-v-a742df44]{top:50%;right:-4px;margin-top:-3px;cursor:e-resize}.point6[data-v-a742df44]{bottom:-5px;left:-4px;cursor:sw-resize}.point7[data-v-a742df44]{bottom:-5px;left:50%;margin-left:-3px;cursor:s-resize}.point8[data-v-a742df44]{bottom:-5px;right:-4px;cursor:se-resize}@media screen and (max-width: 500px){.crop-point[data-v-a742df44]{position:absolute;width:20px;height:20px;opacity:.45;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-10px;left:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{top:-10px;right:-10px}.point4[data-v-a742df44]{top:0;left:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}

27
web/src/assets/styles/wangeditor.css
View File

File diff suppressed because one or more lines are too long

2
web/src/components/richtext/rich-edit.vue
View File

@ -18,7 +18,7 @@
</template>
<script setup>
import '@/assets/styles/wangeditor.css'
import '@wangeditor/editor/dist/css/style.css' // 引入 css
const basePath = import.meta.env.VITE_BASE_API

2
web/src/components/richtext/rich-view.vue
View File

@ -11,7 +11,7 @@
</div>
</template>
<script setup>
import '@/assets/styles/wangeditor.css'
import '@wangeditor/editor/dist/css/style.css' // 引入 css
import { onBeforeUnmount, ref, shallowRef, watch } from 'vue'
import { Editor } from '@wangeditor/editor-for-vue'

2
web/src/components/upload/cropper.vue
View File

@ -85,7 +85,7 @@
import { ref, getCurrentInstance } from 'vue'
import { ElMessage } from 'element-plus'
import { RefreshLeft, RefreshRight, Plus, Minus } from '@element-plus/icons-vue'
import '@/assets/styles/vue-cropper.css'
import 'vue-cropper/dist/index.css'
import { VueCropper } from 'vue-cropper'
import { getBaseUrl } from '@/utils/format'
import { getUploadErrorMessage } from '@/utils/uploadResponse'

2
web/src/view/media/scanUpload.vue
View File

@ -80,7 +80,7 @@
import { ref, getCurrentInstance, onMounted } from 'vue'
import { ElLoading, ElMessage } from 'element-plus'
import { RefreshLeft, RefreshRight, Plus, Minus } from '@element-plus/icons-vue'
import '@/assets/styles/vue-cropper.css'
import 'vue-cropper/dist/index.css'
import { VueCropper } from 'vue-cropper'
import { getBaseUrl } from '@/utils/format'
import { getUploadErrorMessage } from '@/utils/uploadResponse'

44
web/src/view/systemTools/logViewer/index.vue
View File

@ -827,14 +827,14 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
position: relative;
margin: 0 0 8px;
overflow: hidden;
border: 1px solid rgb(var(--container-bg-color) / 0.18);
border-left: 3px solid rgb(var(--muted-foreground-color) / 0.45);
border: 1px solid rgb(255 255 255 / 0.18);
border-left: 3px solid rgb(203 213 225 / 0.65);
border-radius: 7px;
background: rgb(var(--container-bg-color) / 0.06);
background: rgb(255 255 255 / 0.055);
}
.log-entry:hover {
background: rgb(var(--container-bg-color) / 0.11);
background: rgb(255 255 255 / 0.1);
}
.log-entry.entry-error { border-left-color: rgb(var(--error-color)); }
@ -857,12 +857,12 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
.log-entry-heading {
min-height: 20px;
color: rgb(var(--muted-foreground-color));
color: rgb(203 213 225);
font-size: 11px;
}
.log-line-number {
color: rgb(var(--muted-foreground-color) / 0.7);
color: rgb(148 163 184);
font-variant-numeric: tabular-nums;
}
@ -885,6 +885,11 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}
.log-time,
.log-caller {
color: rgb(203 213 225);
}
.log-module {
color: rgb(var(--primary-color));
font-weight: 600;
@ -892,7 +897,7 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
.log-message {
margin-top: 5px;
color: rgb(var(--base-text-color));
color: rgb(248 250 252);
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 13px;
font-weight: 600;
@ -903,10 +908,10 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
margin-top: 8px;
padding: 8px 10px;
overflow-x: auto;
border: 1px solid rgb(var(--primary-color) / .12);
border: 1px solid rgb(96 165 250 / .28);
border-radius: 5px;
background: rgb(var(--primary-color) / .06);
color: rgb(var(--base-text-color));
background: rgb(30 64 175 / .18);
color: rgb(226 232 240);
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 12px;
line-height: 1.6;
@ -916,18 +921,18 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
.log-metrics {
margin-top: 8px;
color: rgb(var(--muted-foreground-color));
color: rgb(226 232 240);
font-size: 11px;
}
.log-metrics span {
padding: 3px 7px;
border-radius: 4px;
background: rgb(var(--muted-color) / .52);
background: rgb(255 255 255 / .14);
}
.log-metrics b {
color: rgb(var(--base-text-color));
color: rgb(255 255 255);
font-weight: 700;
}
@ -942,13 +947,13 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
gap: 5px;
padding: 3px 7px;
border-radius: 4px;
background: rgb(var(--muted-color) / .38);
color: rgb(var(--muted-foreground-color));
background: rgb(255 255 255 / .16);
color: rgb(226 232 240);
font-size: 11px;
}
.log-field b {
color: rgb(var(--base-text-color) / .78);
color: rgb(255 255 255);
font-weight: 600;
}
@ -961,8 +966,13 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
.log-fallback {
margin: 0;
padding: 10px 12px;
color: rgb(var(--base-text-color));
color: rgb(226 232 240);
font-size: 12px;
line-height: 1.7;
}
/* Raw log lines share the dark viewer surface, so keep their foreground explicit. */
.text-container {
color: rgb(226 232 240);
}
</style>