优化打印机
This commit is contained in:
53
src/App.vue
53
src/App.vue
@@ -23,22 +23,22 @@
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, watch } from "vue";
|
||||
import { useRouter, useRoute } from "vue-router"
|
||||
import leftMenu from '@/components/leftMenu.vue'
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import leftMenu from "@/components/leftMenu.vue";
|
||||
|
||||
const route = useRoute()
|
||||
const route = useRoute();
|
||||
|
||||
const includeList = reactive([]);
|
||||
const hideLeftMenu = ref(false)
|
||||
const hideLeftMenu = ref(false);
|
||||
watch(route, (to) => {
|
||||
if (to.meta.keepAlive) {
|
||||
includeList.push(to.name);
|
||||
}
|
||||
let arr = ['/login', '/device_list', '/add_device']
|
||||
let arr = ["/login", "/device_list", "/add_device", "/add_label"];
|
||||
if (arr.includes(to.path)) {
|
||||
hideLeftMenu.value = true
|
||||
hideLeftMenu.value = true;
|
||||
} else {
|
||||
hideLeftMenu.value = false
|
||||
hideLeftMenu.value = false;
|
||||
}
|
||||
});
|
||||
|
||||
@@ -87,12 +87,28 @@ router.beforeEach((to, from) => {
|
||||
--b-darker: calc(var(--b) * 0.8);
|
||||
|
||||
--primary-color: rgb(var(--r), var(--g), var(--b));
|
||||
--primary-color-hover: rgb(var(--r-lighter3), var(--g-lighter3), var(--b-lighter3));
|
||||
--primary-color-hover: rgb(
|
||||
var(--r-lighter3),
|
||||
var(--g-lighter3),
|
||||
var(--b-lighter3)
|
||||
);
|
||||
--el-color-primary: var(--primary-color) !important;
|
||||
--el-button-hover-bg-color: var(--primary-color) !important;
|
||||
--el-color-primary-light-3: rgb(var(--r-lighter), var(--g-lighter), var(--b-lighter)) !important;
|
||||
--el-color-primary-dark-2: rgb(var(--r-darker), var(--g-darker), var(--b-darker)) !important;
|
||||
--el-color-primary-light-5: rgb(var(--r-lighter2), var(--g-lighter2), var(--b-lighter2)) !important;
|
||||
--el-color-primary-light-3: rgb(
|
||||
var(--r-lighter),
|
||||
var(--g-lighter),
|
||||
var(--b-lighter)
|
||||
) !important;
|
||||
--el-color-primary-dark-2: rgb(
|
||||
var(--r-darker),
|
||||
var(--g-darker),
|
||||
var(--b-darker)
|
||||
) !important;
|
||||
--el-color-primary-light-5: rgb(
|
||||
var(--r-lighter2),
|
||||
var(--g-lighter2),
|
||||
var(--b-lighter2)
|
||||
) !important;
|
||||
|
||||
--el-font-size-base: 16px !important;
|
||||
--el-message-close-size: var(--el-font-size-base) !important;
|
||||
@@ -101,8 +117,8 @@ router.beforeEach((to, from) => {
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'num';
|
||||
src: url('@/assets/font/Ignotum-Regular.ttf');
|
||||
font-family: "num";
|
||||
src: url("@/assets/font/Ignotum-Regular.ttf");
|
||||
}
|
||||
|
||||
html {
|
||||
@@ -133,7 +149,6 @@ html {
|
||||
|
||||
.el-drawer__body {
|
||||
padding: 0 var(--el-drawer-padding-primary) !important;
|
||||
|
||||
}
|
||||
|
||||
.el-textarea {
|
||||
@@ -148,7 +163,8 @@ html {
|
||||
background-color: #555;
|
||||
margin-right: 0 !important;
|
||||
padding-bottom: 20px !important;
|
||||
border-radius: var(--el-dialog-border-radius) var(--el-dialog-border-radius) 0 0;
|
||||
border-radius: var(--el-dialog-border-radius) var(--el-dialog-border-radius) 0
|
||||
0;
|
||||
}
|
||||
|
||||
.el-dialog__title {
|
||||
@@ -169,7 +185,8 @@ html {
|
||||
}
|
||||
|
||||
.el-dialog__body {
|
||||
padding: calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);
|
||||
padding: calc(var(--el-dialog-padding-primary) + 10px)
|
||||
var(--el-dialog-padding-primary);
|
||||
}
|
||||
|
||||
.el-dialog__header {
|
||||
@@ -198,7 +215,7 @@ html {
|
||||
/*定义滚动条轨道
|
||||
内阴影+圆角*/
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: #F5F5F5;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/*定义滑块
|
||||
@@ -257,7 +274,7 @@ html {
|
||||
display: flex;
|
||||
width: 200%;
|
||||
|
||||
&>div {
|
||||
& > div {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user