Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
InJoyU
vue-element-admin
提交
63278691
V
vue-element-admin
项目概览
InJoyU
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
63278691
编写于
5月 29, 2018
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
perf[transition]: refine transition animation
上级
c861dd10
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
16 addition
and
2 deletion
+16
-2
src/styles/transition.scss
src/styles/transition.scss
+15
-1
src/views/layout/components/AppMain.vue
src/views/layout/components/AppMain.vue
+1
-1
未找到文件。
src/styles/transition.scss
浏览文件 @
63278691
...
@@ -11,7 +11,21 @@
...
@@ -11,7 +11,21 @@
opacity
:
0
;
opacity
:
0
;
}
}
/*fade*/
/*fade-transform*/
.fade-transform-leave-active
,
.fade-transform-enter-active
{
transition
:
all
.5s
;
}
.fade-transform-enter
{
opacity
:
0
;
transform
:
translateX
(
-30px
);
}
.fade-transform-leave-to
{
opacity
:
0
;
transform
:
translateX
(
30px
);
}
/*breadcrumb transition*/
.breadcrumb-enter-active
,
.breadcrumb-enter-active
,
.breadcrumb-leave-active
{
.breadcrumb-leave-active
{
transition
:
all
.5s
;
transition
:
all
.5s
;
...
...
src/views/layout/components/AppMain.vue
浏览文件 @
63278691
<
template
>
<
template
>
<section
class=
"app-main"
style=
"min-height: 100%"
>
<section
class=
"app-main"
style=
"min-height: 100%"
>
<transition
name=
"fade"
mode=
"out-in"
>
<transition
name=
"fade
-transform
"
mode=
"out-in"
>
<keep-alive
:include=
"cachedViews"
>
<keep-alive
:include=
"cachedViews"
>
<router-view></router-view>
<router-view></router-view>
</keep-alive>
</keep-alive>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录