dlsx
/
Teaching_integration_platform_admin_template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改标题logo 修复侧边栏收缩闪烁

Browse Source
master
Your Name 7 months ago
parent 2557174431
commit be31783972
12 changed files with 26 additions and 19 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      .eslintcache
  2. 2
      index.html
  3. 1
      package.json
  4. 1
      src/assets/icons/count.svg
  5. 2
      src/layout/index.vue
  6. 4
      src/layout/main/index.vue
  7. 19
      src/layout/menu/index.vue
  8. 4
      src/main.ts
  9. 3
      src/permission.ts
  10. 4
      src/setting.ts
  11. 2
      src/styles/variable.scss
  12. 2
      src/views/home/index.vue

1
.eslintcache
View File

File diff suppressed because one or more lines are too long

2
index.html
Unescape View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>无糖运营平台</title>
<title>教学一体化后师生后台</title>
</head>
<body>
<div id="app"></div>

1
package.json
Unescape View File

@ -14,7 +14,6 @@
"format": "prettier --write \"./**/*.{html,vue,ts,js,json,md}\"",
"lint:eslint": "eslint src/**/*.{ts,vue} --cache --fix",
"lint:style": "stylelint src/**/*.{css,scss,vue} --cache --fix",
"prepare": "husky install",
"preinstall": "node ./scripts/preinstall.js"
},
"dependencies": {

1
src/assets/icons/count.svg
Unescape View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1712994089691" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1023" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M964 904H120V60A60 60 0 0 0 0 60v844a120.13 120.13 0 0 0 120 120h844a60 60 0 0 0 0-120z" fill="#1296db" p-id="1024"></path><path d="M186.2 844.17a60 60 0 0 0 80.11-28.67l99.1-211.12A60 60 0 0 1 438 572.72l149.61 47.78c50.79 16.21 104.44-11.41 125.75-64.35l129.13-280a60 60 0 0 0-109-50.24L629 452.49a60 60 0 0 1-72.73 32l-149.07-47.6a96.75 96.75 0 0 0-74.76 6.61c-20.9 10.92-37.58 28.7-48.24 51.42l-126.1 268.7c-14.1 30.02-1.85 66.29 28.1 80.55z" fill="#1296db" p-id="1025"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 820 B

2
src/layout/index.vue
Unescape View File

@ -15,7 +15,7 @@
:default-active="$route.path"
background-color="#001529"
text-color="#fff"
:collapse="LayoutSettingStoe.fold"
>
<Menu :menuList="usePermissionStore.asyncRouter" />
</el-menu>

4
src/layout/main/index.vue
Unescape View File

@ -3,7 +3,9 @@
<!-- 过度动画 -->
<transition name="fade">
<!-- 要渲染的组件 -->
<component :is="Component" v-if="refresh" />
<div v-if="refresh" >
<component :is="Component"/>
</div>
</transition>
</router-view>
</template>

19
src/layout/menu/index.vue
Unescape View File

@ -16,7 +16,7 @@
<component :is="item.meta.icon"></component>
</el-icon> -->
<span>{{ item.meta.title }}</span>
<span v-show="!fold">{{ item.meta.title }}</span>
</template>
</el-menu-item>
</template>
@ -32,7 +32,7 @@
<component :is="item.children[0].meta.icon"></component>
</el-icon>
<template #title>
<span>{{ item.children[0].meta.title }}</span>
<span v-show="!fold">{{ item.children[0].meta.title }}</span>
</template>
</el-menu-item>
</template>
@ -46,7 +46,7 @@
<el-icon>
<component :is="item.meta.icon"></component>
</el-icon>
<span>{{ item.meta.title }}</span>
<span v-show="!fold">{{ item.meta.title }}</span>
</template>
<Menu :menuList="item.children" />
</el-sub-menu>
@ -55,6 +55,10 @@
<script lang="ts" setup>
import { useRouter } from 'vue-router'
import { watch, ref } from 'vue'
import useLayoutSettingStoe from '@/store/modules/setting'
const LayoutSettingStoe = useLayoutSettingStoe()
// import { onMounted, reactive, ref, toRefs, watch } from 'vue'
// 获取父组件传递的全部的路由的数据
defineProps(['menuList'])
@ -63,6 +67,15 @@ const $router = useRouter()
const goToRoute = (vc: any) => {
$router.push(vc.index)
}
const fold = ref(false)
watch(
() => LayoutSettingStoe.fold,
(newVal) => {
setTimeout(() => {
fold.value = newVal
}, 200)
},
)
</script>
<script lang="ts">
export default {

4
src/main.ts
Unescape View File

@ -31,7 +31,3 @@ app.use(ElementPlus, {
app.use(router)
// 将应用挂在到挂载点上
app.mount('#app')
import '@/store/modules/permission'
console.log(1111111111)

3
src/permission.ts
Unescape View File

@ -10,7 +10,6 @@ const userStore = useUserStore(pinia)
const usePermissionStore = permissionStore(pinia)
// const whitelist = ['/login', '/404']
router.beforeEach(async (to, form, next) => {
console.log(router.getRoutes(), 'getRoutes')
// 进度条开始\
nprogress.configure({ showSpinner: false })
nprogress.start()
@ -31,7 +30,6 @@ router.beforeEach(async (to, form, next) => {
const asyncRouter = await usePermissionStore.getAsyncRoutes(
userStore.routes,
)
console.log(asyncRouter, userStore.routes)
// 遍历筛选出来的路由通过addRoute添加到路由表
asyncRouter.forEach((item: any) => {
router.addRoute(item)
@ -68,7 +66,6 @@ router.beforeEach(async (to, form, next) => {
})
router.afterEach((to, form, next) => {
console.log(to, form, next)
nprogress.done()
})
export default router

4
src/setting.ts
Unescape View File

@ -1,6 +1,6 @@
// 用于项目logo 标题配置
export default {
title: '教学一体化', //项目标题
logo: '/public/logo.png', //项目logo
title: '教学一体化后台', //项目标题
logo: '/public/vite.svg', //项目logo
logoHidden: true, // logo隐藏设置
}

2
src/styles/variable.scss
Unescape View File

@ -11,4 +11,4 @@ $base-tabbar-height:50px;
// 左侧菜单logo高度
$base-menu-logo-height:50px;
// 左侧菜单标题文字大小
$base-menu-logo-title-size:20px;
$base-menu-logo-title-size:20px;

2
src/views/home/index.vue
Unescape View File

@ -1,6 +1,6 @@
<template>
<div>home</div>
<!-- <svg-icon name="home" width="300px" height="300px" color="pink"></svg-icon> -->
<svg-icon name="count" width="300px" height="300px" color="pink"></svg-icon>
</template>
<script lang="ts" setup>

Write Preview
Loading…
Cancel
Save