v3.12【新增】标签页Chome模式;【优化】优化很多细节

This commit is contained in:
zhuoda
2025-01-08 20:12:46 +08:00
parent 29064c176f
commit db5e0062a0
62 changed files with 1976 additions and 968 deletions

View File

@@ -73,8 +73,8 @@
<a-form-item :label="$t('setting.pagetag.style')">
<a-radio-group v-model:value="formState.pageTagStyle" button-style="solid" @change="changePageTagStyle">
<a-radio-button value="default">默认</a-radio-button>
<a-radio-button value="antd">ANTD</a-radio-button>
<a-radio-button value="naive">NAIVE</a-radio-button>
<a-radio-button value="antd">Ant</a-radio-button>
<a-radio-button value="chrome">Chrome</a-radio-button>
</a-radio-group>
</a-form-item>
<a-form-item :label="$t('setting.pagetag')">

View File

@@ -1,5 +1,5 @@
<!--
* 使用naiveUI <a-tabs> 组件
* chrome样式 <a-tabs> 组件
*
* @Author: 1024创新实验室-主任卓大
* @Date: 2024-11-27 20:29:12
@@ -212,7 +212,7 @@ const borderRadius = 8 + 'px';
}
&:nth-last-child(2) {
margin-right: 0 !important;
}
}
.smart-page-tag-content {
@@ -227,7 +227,7 @@ const borderRadius = 8 + 'px';
right: 9px;
z-index: -2;
top: 10px;
background: #666;
background: #eeeeee;
}
.smart-page-tag-icon{
margin-right:5px;

View File

@@ -11,7 +11,7 @@
<div id="smartAdminPageTag">
<DefaultTab v-if="pageTagStyle === PAGE_TAG_ENUM.DEFAULT.value" />
<AntdTab v-if="pageTagStyle === PAGE_TAG_ENUM.ANTD.value" />
<NaiveTab v-if="pageTagStyle === PAGE_TAG_ENUM.NAIVE.value" />
<ChromeTab v-if="pageTagStyle === PAGE_TAG_ENUM.CHROME.value" />
</div>
</template>
@@ -20,7 +20,7 @@
import { useAppConfigStore } from '/@/store/modules/system/app-config';
import DefaultTab from './components/default-tab.vue';
import AntdTab from './components/antd-tab.vue';
import NaiveTab from './components/naive-tab.vue';
import ChromeTab from './components/chrome-tab.vue';
import { PAGE_TAG_ENUM } from '/@/constants/layout-const.js';
const pageTagStyle = computed(() => useAppConfigStore().$state.pageTagStyle);

View File

@@ -75,6 +75,7 @@
import watermark from '../lib/smart-watermark';
import { useUserStore } from '/@/store/modules/system/user';
import HeaderAvatar from './components/header-user-space/header-avatar.vue';
import { LAYOUT_ELEMENT_IDS } from '/@/layout/layout-const';
const websiteName = computed(() => useAppConfigStore().websiteName);
const windowHeight = window.innerHeight;