QiuSWandClaude Opus 5
d8e90789a2
由负责人实机运行后发现，均为骨架工单遗留缺陷。 1. Naive UI 组件从未注册 main.js 少了 app.use(naive)，模板里的 n-button / n-input / n-select / n-data-table / n-modal 全被 Vue 当成未知元素： 按钮渲染成纯文本、输入框和表格不显示、日志弹窗不受 v-model:show 控制直接常驻页面。侧边栏因为是手写 HTML+CSS 所以正常， 这正是定位问题的线索。 修复后打包产物由 258 KB 增至 1.46 MB，可反证此前确实没打进去。 2. 窗口比屏幕高，标题栏被顶到屏幕外 Width/Height 是逻辑像素，Windows 按系统缩放放大。1440x900 在 125% 缩放下变成 1800x1125 物理像素，超过工作区高度 1030， 窗口居中后标题栏与最大化/关闭按钮移出屏幕。 改为 WindowStartState: options.Maximised，还原尺寸降到 1280x760， 最小尺寸降到 1024x600，并在代码中写明这个坑。 顺带给工具栏加 flex-wrap，窄窗口下筛选控件换行而不是挤在一起。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LbdtsD3ohhSMy3KPoCgARq
24 lines
1.0 KiB
JavaScript
24 lines
1.0 KiB
JavaScript
// 前端入口。
|
||
//
|
||
// 界面用 Vue 3 + Naive UI，结构照 2026-09-02 确认的原型 v4：
|
||
// 左侧可折叠导航（商品列表 / 参数设置）+ 两行工具栏 + 商品表格 + 运行日志子窗口。
|
||
//
|
||
// 后端方法在 wailsjs/go/main/App.js 里，由 wails dev / wails build 自动生成。
|
||
// 不要手改那个目录，改了下次构建会被覆盖。
|
||
import { createApp } from 'vue'
|
||
import naive from 'naive-ui'
|
||
import App from './App.vue'
|
||
import './style.css'
|
||
|
||
// [必须] 这里把 Naive UI 整体注册成全局组件。
|
||
//
|
||
// 少了这一行，模板里的 <n-button>、<n-input>、<n-data-table> 会被 Vue
|
||
// 当成未知元素：按钮变成纯文本、输入框和表格直接不显示、弹窗也不受
|
||
// v-model:show 控制。界面看起来像"没写好"，其实是组件没注册。
|
||
//
|
||
// 也可以按需一个个 import，但那样每加一个组件都要改两处，
|
||
// 对后续维护者不友好。这个工具体积不敏感，整体注册更省事。
|
||
const app = createApp(App)
|
||
app.use(naive)
|
||
app.mount('#app')
|