Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
球球不吃虾
vue-vben-admin
提交
6e400511
V
vue-vben-admin
项目概览
球球不吃虾
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
6e400511
编写于
10月 24, 2020
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
perf: tabs optimization
上级
c7cfeb54
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
13 addition
and
19 deletion
+13
-19
src/layouts/default/multitabs/index.less
src/layouts/default/multitabs/index.less
+12
-19
src/layouts/default/multitabs/index.tsx
src/layouts/default/multitabs/index.tsx
+1
-0
未找到文件。
src/layouts/default/multitabs/index.less
浏览文件 @
6e400511
...
...
@@ -7,19 +7,6 @@
height: @multiple-height;
}
// .ant-tabs:not(.ant-tabs-card) {
// .ant-tabs-nav-container {
// height: @multiple-height;
// background: @white;
// }
// .ant-tabs-tab {
// font-size: 14px;
// line-height: 1.5515;
// background: @white;
// }
// }
.ant-tabs.ant-tabs-card {
.ant-tabs-card-bar {
height: @multiple-height;
...
...
@@ -39,14 +26,21 @@
line-height: calc(@multiple-height - 2px);
color: @text-color-call-out;
background: @white;
border: 1px solid
@border-color-shallow-dark
;
border-radius:
4px 4
px 0 0;
border: 1px solid
darken(@border-color-light, 6%)
;
border-radius:
2px 2
px 0 0;
transition: none;
.ant-tabs-close-x {
// display: none;
color: inherit;
}
&:hover {
.ant-tabs-close-x {
display: block;
}
}
> div {
display: flex;
justify-content: center;
...
...
@@ -72,7 +66,7 @@
&:hover::before {
transform: scaleX(1);
transition: transform 0.
4
s ease;
transition: transform 0.
3
s ease;
transform-origin: bottom left;
}
}
...
...
@@ -80,14 +74,13 @@
.ant-tabs-tab-active {
height: calc(@multiple-height - 3px);
color: @white;
// background: @primary-color;
background: linear-gradient(
118deg,
rgba(@primary-color, 0.
8
),
rgba(@primary-color, 0.
7
),
rgba(@primary-color, 1)
) !important;
border: 0;
box-shadow: 0 0 6px 1px rgba(@primary-color, 0.
4
);
box-shadow: 0 0 6px 1px rgba(@primary-color, 0.
7
);
&::before {
display: none;
...
...
src/layouts/default/multitabs/index.tsx
浏览文件 @
6e400511
...
...
@@ -148,6 +148,7 @@ export default defineComponent({
<
Tabs
type
=
"editable-card"
size
=
"small"
animated
=
{
false
}
hideAdd
=
{
true
}
tabBarGutter
=
{
2
}
activeKey
=
{
unref
(
activeKeyRef
)
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录