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>
<span class="loading-title"><%= title %>加载中</span>
<span class="loading-title"><%= title %>管理系统</span>
</div>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>

View File

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

View File

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

View File

@ -4,7 +4,7 @@
<HeaderButton @click="openSetting">
<div>
<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-divider>主题设置</n-divider>
<n-space vertical>

View File

@ -1,5 +1,5 @@
<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-tab v-for="item in tabStore.inherentTab" :key="item.path" :name="item.name" @click="toRoot">
{{ item.title }}
@ -17,11 +17,10 @@
</div>
</template>
<script lang="ts" setup>
<script setup lang="ts">
import { useTabStore } from '@/store';
import { useAppRouter } from '~/src/hook';
import { RouteLocationNormalized } from 'vue-router';
import { defineComponent } from 'vue';
const tabStore = useTabStore();
const { routerPush, toRoot } = useAppRouter();
@ -34,8 +33,4 @@ const handleClose = (name: string) => {
};
</script>
<style scoped>
.tabs {
box-shadow: inset 0px 5px 10px #b2c0d277;
}
</style>
<style scoped></style>

View File

@ -3,7 +3,7 @@
<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" />
</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">
<i-icon-park-outline-plastic-surgery />
Ench Admin