Skip to content

Commit

Permalink
feat: 调整文件配置
Browse files Browse the repository at this point in the history
  • Loading branch information
hesetiema committed Apr 29, 2024
1 parent a41a88f commit f11aa42
Show file tree
Hide file tree
Showing 6 changed files with 80 additions and 91 deletions.
8 changes: 0 additions & 8 deletions .vscode/extensions.json

This file was deleted.

1 change: 0 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
{
"name": "vue-admin-complex",
"version": "0.0.0",
"private": true,
"type": "module",
Expand Down
5 changes: 3 additions & 2 deletions src/layout/AsideView.vue
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ interface IMenuItem extends IItemBase {
}
const rawComponent = (myComponent) => markRaw(myComponent)
const menuItems: IMenuItem[] = reactive([
const defaultItems: IMenuItem[] = [
{
title: 'DashBoard',
icon: rawComponent(Histogram),
Expand Down Expand Up @@ -88,7 +88,8 @@ const menuItems: IMenuItem[] = reactive([
icon: rawComponent(Setting),
key: 'other-func'
}
])
]
const menuItems = reactive(defaultItems)
const route = useRoute()
const isCollapse = ref(true)
Expand Down
144 changes: 72 additions & 72 deletions src/layout/HeaderView.vue
Original file line number Diff line number Diff line change
@@ -1,72 +1,72 @@
<script setup>
import DropDownList from './DropDownList.vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const dropdownLists = [
{
title: '退出登录',
onClick: () => {
router.push('/')
}
}
]
</script>

<template>
<div class="wrapper">
<div class="logo-container">
<img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="32" height="32" />
<span class="title">Vue Admin Complex</span>
</div>
<div class="right-container">
<div class="tools"></div>
<div class="user-info">
<img alt="user avatar" class="avatar" src="@/assets/avatar.png" width="32" height="32" />
<DropDownList title="admin user" :list="dropdownLists" />
</div>
</div>
</div>
</template>

<style scoped>
.wrapper {
width: 100%;
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
padding-inline: 40px;
padding-block: 8px;
border-bottom: 1px solid rgba(60, 60, 60, 0.12);
}
.logo-container {
display: flex;
align-items: center;
}
.logo {
width: 32px;
height: auto;
}
.title {
font-size: 14px;
font-weight: 600;
margin-left: 12px;
}
.right-container {
display: flex;
align-items: center;
column-gap: 10px;
}
.user-info {
display: flex;
align-items: center;
column-gap: 10px;
}
</style>
<script setup lang="ts">
import DropDownList from './DropDownList.vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const dropdownLists = [
{
title: '退出登录',
onClick: () => {
router.push('/')
}
}
]
</script>

<template>
<div class="wrapper">
<div class="logo-container">
<img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="32" height="32" />
<span class="title">Vue Admin Complex</span>
</div>
<div class="right-container">
<div class="tools"></div>
<div class="user-info">
<img alt="user avatar" class="avatar" src="@/assets/avatar.png" width="32" height="32" />
<DropDownList title="admin user" :list="dropdownLists" />
</div>
</div>
</div>
</template>

<style scoped>
.wrapper {
width: 100%;
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
padding-inline: 40px;
padding-block: 8px;
border-bottom: 1px solid rgba(60, 60, 60, 0.12);
}
.logo-container {
display: flex;
align-items: center;
}
.logo {
width: 32px;
height: auto;
}
.title {
font-size: 14px;
font-weight: 600;
margin-left: 12px;
}
.right-container {
display: flex;
align-items: center;
column-gap: 10px;
}
.user-info {
display: flex;
align-items: center;
column-gap: 10px;
}
</style>
11 changes: 3 additions & 8 deletions src/views/admin/DashBoard.vue
Original file line number Diff line number Diff line change
@@ -1,8 +1,3 @@
<script setup></script>
<template>
<div class="admin-container">
page one
</div>
</template>
<style scoped>
</style>
<template>
<div class="admin-container">page one</div>
</template>
2 changes: 2 additions & 0 deletions src/views/admin/TableAdvancedEditList.vue
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,8 @@ type SelectionCellProps = {
intermediate?: boolean
onChange: (value: string) => void
forwardRef: (el: InputInstance) => void
onBlur: () => void
onKeydownEnter: () => void
}
const InputCell: FunctionalComponent<SelectionCellProps> = ({ value, onChange, forwardRef }) => {
Expand Down

0 comments on commit f11aa42

Please sign in to comment.