Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
B
basic-vue-admin
概览
概览
详情
活动
周期分析
版本库
存储库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
Basic
basic-vue-admin
Commits
96021fad
提交
96021fad
authored
10月 28, 2020
作者:
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
chore: modify the default route switching animation
上级
f65bed72
隐藏空白字符变更
内嵌
并排
正在显示
7 个修改的文件
包含
16 行增加
和
15 行删除
+16
-15
index.vue
src/components/Button/index.vue
+4
-3
fade.less
src/design/transition/fade.less
+7
-7
appEnum.ts
src/enums/appEnum.ts
+1
-1
TabContent.tsx
src/layouts/default/multitabs/TabContent.tsx
+1
-1
SettingDrawer.tsx
src/layouts/default/setting/SettingDrawer.tsx
+1
-1
projectSetting.ts
src/settings/projectSetting.ts
+1
-1
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
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论