style(index\login): 修改了部分样式

This commit is contained in:
Coffee-crocodile 2022-09-27 12:48:55 +08:00
parent b2a9fd48db
commit 58218cae70
6 changed files with 8 additions and 12 deletions

View File

@ -17,7 +17,7 @@
<div></div> <div></div>
<div></div> <div></div>
</div> </div>
<span class="loading-title"><%= title %>加载中</span> <span class="loading-title"><%= title %>管理系统</span>
</div> </div>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>

View File

@ -17,7 +17,7 @@
transform-style: preserve-3d; transform-style: preserve-3d;
} }
.loading-title{ .loading-title{
font-size: 2em; font-size: 1.5em;
} }
.app-loading > div { .app-loading > div {

View File

@ -16,6 +16,7 @@
:position="appStore.fixedHeader ? 'absolute' : 'static'" :position="appStore.fixedHeader ? 'absolute' : 'static'"
:inverted="appStore.invertedHeader" :inverted="appStore.invertedHeader"
class="z-1" class="z-1"
bordered
> >
<div class="h-60px flex-y-center justify-between"> <div class="h-60px flex-y-center justify-between">
<div class="flex-y-center h-full"> <div class="flex-y-center h-full">

View File

@ -4,7 +4,7 @@
<HeaderButton @click="openSetting"> <HeaderButton @click="openSetting">
<div> <div>
<i-icon-park-outline-setting-two /> <i-icon-park-outline-setting-two />
<n-drawer v-model:show="drawerActive" :width="400"> <n-drawer v-model:show="drawerActive" :width="300">
<n-drawer-content title="系统设置"> <n-drawer-content title="系统设置">
<n-divider>主题设置</n-divider> <n-divider>主题设置</n-divider>
<n-space vertical> <n-space vertical>

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="wh-full flex items-end tabs"> <div class="wh-full flex items-end">
<n-tabs type="card" size="small" :tabs-padding="15" :value="tabStore.currentTab" @close="handleClose"> <n-tabs type="card" size="small" :tabs-padding="15" :value="tabStore.currentTab" @close="handleClose">
<n-tab v-for="item in tabStore.inherentTab" :key="item.path" :name="item.name" @click="toRoot"> <n-tab v-for="item in tabStore.inherentTab" :key="item.path" :name="item.name" @click="toRoot">
{{ item.title }} {{ item.title }}
@ -17,11 +17,10 @@
</div> </div>
</template> </template>
<script lang="ts" setup> <script setup lang="ts">
import { useTabStore } from '@/store'; import { useTabStore } from '@/store';
import { useAppRouter } from '~/src/hook'; import { useAppRouter } from '~/src/hook';
import { RouteLocationNormalized } from 'vue-router'; import { RouteLocationNormalized } from 'vue-router';
import { defineComponent } from 'vue';
const tabStore = useTabStore(); const tabStore = useTabStore();
const { routerPush, toRoot } = useAppRouter(); const { routerPush, toRoot } = useAppRouter();
@ -34,8 +33,4 @@ const handleClose = (name: string) => {
}; };
</script> </script>
<style scoped> <style scoped></style>
.tabs {
box-shadow: inset 0px 5px 10px #b2c0d277;
}
</style>

View File

@ -3,7 +3,7 @@
<n-carousel autoplay trigger="hover" dot-type="line" effect="fade"> <n-carousel autoplay trigger="hover" dot-type="line" effect="fade">
<img v-for="(item, index) in swiperList" :key="index" class="wh-full object-cover" :src="item" /> <img v-for="(item, index) in swiperList" :key="index" class="wh-full object-cover" :src="item" />
</n-carousel> </n-carousel>
<div class="h-xl py-10 px-6xl rounded-lg backdrop-blur-md shadow-md fixed bg-hex-ffffffd5 op-90"> <div class="h-xl py-10 px-6xl rounded-lg backdrop-blur-xl shadow-md fixed bg-hex-ffffffd0 op-90">
<n-h1 class="c-blue"> <n-h1 class="c-blue">
<i-icon-park-outline-plastic-surgery /> <i-icon-park-outline-plastic-surgery />
Ench Admin Ench Admin