twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-08 01:17:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: layout style

Browse Source
This commit is contained in:
xiaoxian521 2021-12-06 11:40:11 +08:00
parent 570154a4f1
commit 9e7d78fd80
5 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/avatars.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

2
src/layout/components/appMain.vue
View File

@ -75,7 +75,7 @@ const transitionMain = defineComponent({
hideTabs && layout ? 'padding-top: 48px;' : '', hideTabs && layout ? 'padding-top: 48px;' : '',
!hideTabs && layout ? 'padding-top: 85px;' : '', !hideTabs && layout ? 'padding-top: 85px;' : '',
hideTabs && !layout ? 'padding-top: 48px' : '', hideTabs && !layout ? 'padding-top: 48px' : '',
!hideTabs && !layout ? 'padding-top: 98px;' : '' !hideTabs && !layout ? 'padding-top: 85px;' : ''
]" ]"
> >
<router-view> <router-view>

9
src/layout/components/navbar.vue
View File

@ -1,17 +1,18 @@
<script setup lang="ts"> <script setup lang="ts">
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { emitter } from "/@/utils/mitt"; import { emitter } from "/@/utils/mitt";
import Notice from "./notice/index.vue";
import avatars from "/@/assets/avatars.jpg";
import { transformI18n } from "/@/plugins/i18n";
import Hamburger from "./sidebar/hamBurger.vue"; import Hamburger from "./sidebar/hamBurger.vue";
import { useRouter, useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import { storageSession } from "/@/utils/storage"; import { storageSession } from "/@/utils/storage";
import Breadcrumb from "./sidebar/breadCrumb.vue"; import Breadcrumb from "./sidebar/breadCrumb.vue";
import Notice from "./notice/index.vue";
import { useAppStoreHook } from "/@/store/modules/app"; import { useAppStoreHook } from "/@/store/modules/app";
import { unref, watch, getCurrentInstance } from "vue"; import { unref, watch, getCurrentInstance } from "vue";
import { deviceDetection } from "/@/utils/deviceDetection"; import { deviceDetection } from "/@/utils/deviceDetection";
import screenfull from "../components/screenfull/index.vue"; import screenfull from "../components/screenfull/index.vue";
import globalization from "/@/assets/svg/globalization.svg"; import globalization from "/@/assets/svg/globalization.svg";
import { transformI18n } from "/@/plugins/i18n";
const instance = const instance =
getCurrentInstance().appContext.config.globalProperties.$storage; getCurrentInstance().appContext.config.globalProperties.$storage;
@ -106,9 +107,7 @@ function translationEn() {
<!-- 退出登陆 --> <!-- 退出登陆 -->
<el-dropdown trigger="click"> <el-dropdown trigger="click">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<img <img :src="avatars" />
src="https://avatars.githubusercontent.com/u/44761321?s=400&u=30907819abd29bb3779bc247910873e7c7f7c12f&v=4"
/>
<p>{{ usename }}</p> <p>{{ usename }}</p>
</span> </span>
<template #dropdown> <template #dropdown>

13
src/layout/components/sidebar/horizontal.vue
View File

@ -12,6 +12,7 @@ import { emitter } from "/@/utils/mitt";
import Notice from "../notice/index.vue"; import Notice from "../notice/index.vue";
import { templateRef } from "@vueuse/core"; import { templateRef } from "@vueuse/core";
import SidebarItem from "./sidebarItem.vue"; import SidebarItem from "./sidebarItem.vue";
import avatars from "/@/assets/avatars.jpg";
import { algorithm } from "/@/utils/algorithm"; import { algorithm } from "/@/utils/algorithm";
import screenfull from "../screenfull/index.vue"; import screenfull from "../screenfull/index.vue";
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from "vue-router";
@ -174,16 +175,15 @@ onMounted(() => {
<!-- 退出登陆 --> <!-- 退出登陆 -->
<el-dropdown trigger="click"> <el-dropdown trigger="click">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<img <img :src="avatars" />
src="https://avatars.githubusercontent.com/u/44761321?s=400&u=30907819abd29bb3779bc247910873e7c7f7c12f&v=4"
/>
<p>{{ usename }}</p> <p>{{ usename }}</p>
</span> </span>
<template #dropdown> <template #dropdown>
<el-dropdown-menu class="logout"> <el-dropdown-menu class="logout">
<el-dropdown-item icon="el-icon-switch-button" @click="logout">{{ <el-dropdown-item @click="logout">
$t("message.hsLoginOut") <i class="ri-logout-circle-r-line"></i
}}</el-dropdown-item> >{{ $t("message.hsLoginOut") }}</el-dropdown-item
>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
@ -225,6 +225,7 @@ onMounted(() => {
.logout { .logout {
.el-dropdown-menu__item { .el-dropdown-menu__item {
display: inline-flex;
padding: 0 18px !important; padding: 0 18px !important;
} }

7
src/views/welcome.vue
View File

@ -7,6 +7,7 @@ import {
ReBar ReBar
} from "/@/components/ReCharts/index"; } from "/@/components/ReCharts/index";
import { ref, computed } from "vue"; import { ref, computed } from "vue";
import avatars from "/@/assets/avatars.jpg";
const date: Date = new Date(); const date: Date = new Date();
let loading = ref<boolean>(true); let loading = ref<boolean>(true);
@ -34,11 +35,7 @@ const openDepot = (): void => {
<div class="welcome"> <div class="welcome">
<el-card class="top-content"> <el-card class="top-content">
<div class="left-mark"> <div class="left-mark">
<img <img :src="avatars" title="直达仓库地址" @click="openDepot" />
src="https://avatars.githubusercontent.com/u/44761321?s=400&u=30907819abd29bb3779bc247910873e7c7f7c12f&v=4"
title="直达仓库地址"
@click="openDepot"
/>
<span>{{ greetings }}</span> <span>{{ greetings }}</span>
</div> </div>
</el-card> </el-card>