huahua/RP-01_VueHost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
sunbeam 2025-04-09 14:33:05 +08:00
parent a0b9d66955
commit 4872289107
4 changed files with 35 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@ -3,11 +3,23 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"
/>
<title>Welcome to Vuetify 3</title> <title>Welcome to Vuetify 3</title>
<style>
body {
overflow: hidden;
max-height: 100%;
/* padding-right: 17px; 隐藏滚动条的宽度 */
}
</style>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>
</body> </body>
</html> </html>

21
src/App.vue
View File

@ -1,11 +1,14 @@
<template> <template>
<v-app> <v-app>
<!-- 应用标题栏 --> <!-- 应用标题栏 -->
<VAppBar app dark color="primary"> <VAppBar app dark color="primary" >
<VAppBarNavIcon @click="drawer = !drawer"></VAppBarNavIcon> <VAppBarNavIcon @click="drawer = !drawer"></VAppBarNavIcon>
<v-toolbar-title>DMK-RP-01上位机</v-toolbar-title> <v-toolbar-title @mousedown="hitcaption">DMK-RP-01上位机</v-toolbar-title>
<v-spacer></v-spacer> <v-spacer @mousedown="hitcaption"></v-spacer>
<v-btn icon @click="device_setting = true">
<v-icon>mdi-devices</v-icon>
</v-btn>
<v-btn icon @click="min"> <v-btn icon @click="min">
<v-icon>mdi-window-minimize</v-icon> <v-icon>mdi-window-minimize</v-icon>
</v-btn> </v-btn>
@ -83,8 +86,9 @@
import { ref } from 'vue'; import { ref } from 'vue';
// 使用 ref 定义响应式数据 // 使用 ref 定义响应式数据
const drawer = ref(true); let drawer = ref(true);
const currentView = ref("pageCANMsg"); let currentView = ref("pageCANMsg");
let device_setting = ref(true);
var menuItems= [ var menuItems= [
// 图标查询 "https://www.tftool.cc/t-symbol/MaterialDesignIcons.html" // 图标查询 "https://www.tftool.cc/t-symbol/MaterialDesignIcons.html"
@ -113,10 +117,17 @@ function max() {
function min() { function min() {
aardio.min(); aardio.min();
}; };
function hitcaption() {
aardio.hitCaption();
}
</script> </script>
<style> <style>
.custom-border { .custom-border {
border: 1px solid red; border: 1px solid red;
} }
::-webkit-scrollbar {
/* 不显示滚动条 */
display: none;
}
</style> </style>

4
src/main.js
View File

@ -6,13 +6,13 @@
// Plugins // Plugins
import { registerPlugins } from '@/plugins' import { registerPlugins } from '@/plugins'
//import { registerPlugins } from './plugins/index.js';
// Components // Components
import App from './App.vue' import App from './App.vue'
// Composables // Composables
import { createApp } from 'vue' import { createApp } from 'vue'
//import { createApp } from './vue/dist/vue.esm-browser.js'
const app = createApp(App) const app = createApp(App)
registerPlugins(app) registerPlugins(app)

4
vite.config.mjs
View File

@ -10,6 +10,10 @@ import { fileURLToPath, URL } from 'node:url'
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
build: {
minify: false, // 禁用代码压缩
sourcemap: true, // 生成 Source Map，便于调试
},
plugins: [ plugins: [
Vue({ Vue({
template: { transformAssetUrls } template: { transformAssetUrls }