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>
<meta charset="UTF-8">
<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>
<style>
body {
overflow: hidden;
max-height: 100%;
/* padding-right: 17px; 隐藏滚动条的宽度 */
}
</style>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

21
src/App.vue
View File

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

4
src/main.js
View File

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

4
vite.config.mjs
View File

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