|
|
|
@ -1,13 +1,13 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
|
|
|
|
<div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
|
|
|
|
<div class="title" style="height: 58px; background-color: #072048 !important; z-index: 900 !important; position: relative">
|
|
|
|
<div class="title" style="height: 58px; background-color: #072048 !important; z-index: 900 !important; position: relative">
|
|
|
|
<div :class="[role!==3 ? 'navTitle':'TnavTitle']">
|
|
|
|
<div :class="[role !== 3 ? 'navTitle' : 'TnavTitle']">
|
|
|
|
<span class="nacber-name" v-if="role!==3">数字电子商务实训系统</span>
|
|
|
|
<span class="nacber-name" v-if="role !== 3">数 字 营 销 实 训 系 统</span>
|
|
|
|
<span class="nacber-name" v-else>数字电子商务实训系统 - 教 师 端</span>
|
|
|
|
<span class="nacber-name" v-else>数 字 营 销 实 训 系 统 - 教 师 端</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
|
|
|
|
<div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
|
|
|
|
<sidebar v-if="!sidebar.hide" class="sidebar-container" :class="[role===3?'newImg':'']" />
|
|
|
|
<sidebar v-if="!sidebar.hide" class="sidebar-container" :class="[role === 3 ? 'newImg' : '']" />
|
|
|
|
<div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
|
|
|
|
<div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
|
|
|
|
<div :class="{ 'fixed-header': fixedHeader }"></div>
|
|
|
|
<div :class="{ 'fixed-header': fixedHeader }"></div>
|
|
|
|
<app-main />
|
|
|
|
<app-main />
|
|
|
|
@ -21,11 +21,11 @@ import { useWindowSize } from "@vueuse/core";
|
|
|
|
import Sidebar from "./components/Sidebar/index.vue";
|
|
|
|
import Sidebar from "./components/Sidebar/index.vue";
|
|
|
|
import { AppMain, Navbar, Settings, TagsView } from "./components";
|
|
|
|
import { AppMain, Navbar, Settings, TagsView } from "./components";
|
|
|
|
import defaultSettings from "@/settings";
|
|
|
|
import defaultSettings from "@/settings";
|
|
|
|
import { getUserInfo } from '@/utils/auth'
|
|
|
|
import { getUserInfo } from "@/utils/auth";
|
|
|
|
import useAppStore from "@/store/modules/app";
|
|
|
|
import useAppStore from "@/store/modules/app";
|
|
|
|
import useSettingsStore from "@/store/modules/settings";
|
|
|
|
import useSettingsStore from "@/store/modules/settings";
|
|
|
|
|
|
|
|
|
|
|
|
const role=ref(JSON.parse(getUserInfo()).roleId)
|
|
|
|
const role = ref(JSON.parse(getUserInfo()).roleId);
|
|
|
|
const settingsStore = useSettingsStore();
|
|
|
|
const settingsStore = useSettingsStore();
|
|
|
|
const theme = computed(() => settingsStore.theme);
|
|
|
|
const theme = computed(() => settingsStore.theme);
|
|
|
|
const sideTheme = computed(() => settingsStore.sideTheme);
|
|
|
|
const sideTheme = computed(() => settingsStore.sideTheme);
|
|
|
|
@ -69,8 +69,8 @@ function setLayout() {
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
@import "@/assets/styles/mixin.scss";
|
|
|
|
@import "@/assets/styles/mixin.scss";
|
|
|
|
@import "@/assets/styles/variables.module.scss";
|
|
|
|
@import "@/assets/styles/variables.module.scss";
|
|
|
|
.newImg{
|
|
|
|
.newImg {
|
|
|
|
background: url('../assets/images/侧边栏1e.png') no-repeat center !important;
|
|
|
|
background: url("../assets/images/侧边栏1e.png") no-repeat center !important;
|
|
|
|
background-size: 100% 100% !important;
|
|
|
|
background-size: 100% 100% !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.app-wrapper {
|
|
|
|
.app-wrapper {
|
|
|
|
@ -106,8 +106,8 @@ function setLayout() {
|
|
|
|
letter-spacing: 4px;
|
|
|
|
letter-spacing: 4px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.TnavTitle{
|
|
|
|
.TnavTitle {
|
|
|
|
background: url('../assets/images/top1.png');
|
|
|
|
background: url("../assets/images/top1.png");
|
|
|
|
background-size: 100% 100% !important;
|
|
|
|
background-size: 100% 100% !important;
|
|
|
|
box-shadow: 0 1px 4px #00152914;
|
|
|
|
box-shadow: 0 1px 4px #00152914;
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
@ -115,7 +115,7 @@ function setLayout() {
|
|
|
|
height: 58px;
|
|
|
|
height: 58px;
|
|
|
|
z-index: 1000;
|
|
|
|
z-index: 1000;
|
|
|
|
padding: 5px 20px;
|
|
|
|
padding: 5px 20px;
|
|
|
|
span{
|
|
|
|
span {
|
|
|
|
font-size: 26px;
|
|
|
|
font-size: 26px;
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
font-family: Source Han Sans CN;
|
|
|
|
font-weight: 700;
|
|
|
|
font-weight: 700;
|
|
|
|
|
qinzhenpen
1 year ago