xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-11-05 18:23:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

【功能优化】：新增标签页样式Naive

Browse Source
This commit is contained in:
1024Lab-佩弦
2024-12-01 19:48:55 +08:00
parent 83d970095b
commit 7b681e44a8
8 changed files with 363 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
smart-admin-web-javascript/src/layout/components/page-tag/components/naive-tab.vue
View File

@@ -15,9 +15,9 @@
<a-tabs style="width: 100%" :tab-position="mode" v-model:activeKey="selectedKey" size="small" @tabClick="selectTab">
<a-tab-pane v-for="item in tagNav" :key="item.menuName">
<template #tab>
<span class="smart-tag-content">
<span class="smart-page-tag-content">
<home-outlined style="font-size: 12px" v-if="item.menuName === HOME_PAGE_NAME" class="smart-page-tag-close" />
<component class="smart-tag-icon" v-else :is="$antIcons[item.menuIcon]" />
<component class="smart-page-tag-icon" v-else :is="$antIcons[item.menuIcon]" />
{{ item.menuTitle }}
<close-outlined @click.stop="closeTag(item, false)" v-if="item.menuName !== HOME_PAGE_NAME" class="smart-page-tag-close" />
</span>
@@ -215,7 +215,7 @@ const borderRadius = 8 + 'px';
}
}
.smart-tag-content {
.smart-page-tag-content {
display: inline-block;
min-width: 100px;
&::after {
@@ -229,7 +229,7 @@ const borderRadius = 8 + 'px';
top: 10px;
background: #666;
}
.smart-tag-icon{
.smart-page-tag-icon{
margin-right:5px;
}
}
@@ -263,7 +263,7 @@ const borderRadius = 8 + 'px';
right: -4px;
bottom: 0;
}
.smart-tag-content {
.smart-page-tag-content {
&::before {
content: '';
position: absolute;
@@ -313,7 +313,7 @@ const borderRadius = 8 + 'px';
right: -4px;
bottom: 0;
}
.smart-tag-content {
.smart-page-tag-content {
color:rgba(0,0,0,.88);
&::before {
content: '';