Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Lucky高
vue-vben-admin
提交
96021fad
V
vue-vben-admin
项目概览
Lucky高
/
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,发现更多精彩内容 >>
提交
96021fad
编写于
10月 28, 2020
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
chore: modify the default route switching animation
上级
f65bed72
变更
7
隐藏空白更改
内联
并排
Showing
7 changed file
with
16 addition
and
15 deletion
+16
-15
src/components/Button/index.vue
src/components/Button/index.vue
+4
-3
src/design/transition/fade.less
src/design/transition/fade.less
+7
-7
src/enums/appEnum.ts
src/enums/appEnum.ts
+1
-1
src/layouts/default/multitabs/TabContent.tsx
src/layouts/default/multitabs/TabContent.tsx
+1
-1
src/layouts/default/setting/SettingDrawer.tsx
src/layouts/default/setting/SettingDrawer.tsx
+1
-1
src/settings/projectSetting.ts
src/settings/projectSetting.ts
+1
-1
src/views/demo/feat/msg/index.vue
src/views/demo/feat/msg/index.vue
+1
-1
未找到文件。
src/components/Button/index.vue
浏览文件 @
96021fad
...
...
@@ -4,9 +4,9 @@
<slot
:name=
"item"
v-bind=
"data"
/>
</
template
>
-->
<
template
#default=
"data"
>
<
g-i
con
:icon=
"preIcon"
class=
"mr-1"
v-if=
"preIcon"
/>
<
I
con
:icon=
"preIcon"
class=
"mr-1"
v-if=
"preIcon"
/>
<slot
v-bind=
"data"
/>
<
g-icon
:icon=
"pre
Icon"
class=
"ml-1"
v-if=
"postIcon"
/>
<
Icon
:icon=
"post
Icon"
class=
"ml-1"
v-if=
"postIcon"
/>
</
template
>
</Button>
</template>
...
...
@@ -18,10 +18,11 @@
// import { extendSlots } from '/@/utils/helper/tsxHelper';
import
{
useThrottle
}
from
'
/@/hooks/core/useThrottle
'
;
import
{
isFunction
}
from
'
/@/utils/is
'
;
import
Icon
from
'
/@/components/Icon
'
;
export
default
defineComponent
({
name
:
'
AButton
'
,
inheritAttrs
:
false
,
components
:
{
Button
},
components
:
{
Button
,
Icon
},
props
:
{
// 按钮类型
type
:
{
...
...
src/design/transition/fade.less
浏览文件 @
96021fad
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.
1
s ease-in-out;
transition: opacity 0.
2
s ease-in-out;
}
.fade-enter-from,
...
...
@@ -8,18 +8,18 @@
opacity: 0;
}
/* fade-
transform
*/
.
slide-fa
de-leave-active,
.
slide-fa
de-enter-active {
transition: all 0.
3
s;
/* fade-
slide
*/
.
fade-sli
de-leave-active,
.
fade-sli
de-enter-active {
transition: all 0.
5
s;
}
.
slide-fa
de-enter-from {
.
fade-sli
de-enter-from {
opacity: 0;
transform: translateX(-30px);
}
.
slide-fa
de-leave-to {
.
fade-sli
de-leave-to {
opacity: 0;
transform: translateX(30px);
}
...
...
src/enums/appEnum.ts
浏览文件 @
96021fad
...
...
@@ -29,7 +29,7 @@ export enum PermissionModeEnum {
export
enum
RouterTransitionEnum
{
ZOOM_FADE
=
'
zoom-fade
'
,
ZOOM_OUT
=
'
zoom-out
'
,
SIDE_FADE
=
'
slide-fa
de
'
,
FADE_SIDE
=
'
fade-sli
de
'
,
FADE
=
'
fade
'
,
FADE_BOTTOM
=
'
fade-bottom
'
,
}
src/layouts/default/multitabs/TabContent.tsx
浏览文件 @
96021fad
...
...
@@ -60,7 +60,7 @@ export default defineComponent({
if
(
!
tabItem
)
return
;
const
icon
=
tabItem
.
meta
&&
tabItem
.
meta
.
icon
;
if
(
!
icon
||
!
unref
(
getProjectConfigRef
).
multiTabsSetting
.
showIcon
)
return
null
;
return
<
Icon
icon
=
{
icon
}
class
=
"align-middle
mb-1"
/>;
return
<
Icon
icon
=
{
icon
}
class
=
"align-middle
"
style
=
{
{
marginBottom
:
'
2px
'
}
}
/>;
}
function
renderTabContent
()
{
const
{
tabItem
:
{
meta
}
=
{}
}
=
props
;
...
...
src/layouts/default/setting/SettingDrawer.tsx
浏览文件 @
96021fad
...
...
@@ -65,7 +65,7 @@ const routerTransitionOptions = [
RouterTransitionEnum
.
ZOOM_FADE
,
RouterTransitionEnum
.
FADE
,
RouterTransitionEnum
.
ZOOM_OUT
,
RouterTransitionEnum
.
SIDE_FA
DE
,
RouterTransitionEnum
.
FADE_SI
DE
,
RouterTransitionEnum
.
FADE_BOTTOM
,
].
map
((
item
)
=>
{
return
{
...
...
src/settings/projectSetting.ts
浏览文件 @
96021fad
...
...
@@ -104,7 +104,7 @@ const setting: ProjectConfig = {
openRouterTransition
:
true
,
// 路由切换动画
routerTransition
:
RouterTransitionEnum
.
ZOOM_FA
DE
,
routerTransition
:
RouterTransitionEnum
.
FADE_SI
DE
,
// 是否开启登录安全校验
openLoginVerify
:
true
,
...
...
src/views/demo/feat/msg/index.vue
浏览文件 @
96021fad
...
...
@@ -55,7 +55,7 @@
function
handleLoading
()
{
createMessage
.
loading
(
'
Loading...
'
);
}
function
handleConfirm
(
type
:
'
warning
'
|
'
error
'
|
'
success
'
)
{
function
handleConfirm
(
type
:
'
warning
'
|
'
error
'
|
'
success
'
|
'
info
'
)
{
createConfirm
({
iconType
:
type
,
title
:
'
Tip
'
,
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录