Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
bffd7faf
提交
bffd7faf
编写于
12月 24, 2020
作者:
RedPing97
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修复快捷菜单组件
上级
f3eac6b0
变更
2
显示空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
0 行增加
和
90 行删除
+0
-90
app-quick-menus.less
...ents/app-quick-menus/app-quick-menus/app-quick-menus.less
+0
-18
app-quick-menus.vue
...nents/app-quick-menus/app-quick-menus/app-quick-menus.vue
+0
-72
未找到文件。
src/components/app-quick-menus/app-quick-menus/app-quick-menus.less
已删除
100644 → 0
浏览文件 @
f3eac6b0
.app-quick-menus{
.menuIcon{
padding: 0px;
display: flex;
width: 140px;
height: 80px;
border: 1px #F68080 solid;
align-items: center;
margin: 0;
background-color: #FCCFCF;
justify-content: space-around;
flex-direction: column;
span{
font-size: 40px;
}
}
}
src/components/app-quick-menus/app-quick-menus/app-quick-menus.vue
已删除
100644 → 0
浏览文件 @
f3eac6b0
<
template
>
<div
class=
"app-quick-menus"
>
<template
v-for=
"(item,index) in menus"
>
<card
:bordered=
"false"
v-if=
"item.items && Array.isArray(item.items)"
:key=
"index"
>
<p
slot=
"title"
@
click=
"$emit('menuClick',item.name, [item.name])"
>
<span
style=
"margin-right:12px"
>
<img
:src=
"item.icon"
v-if=
"!Object.is(item.icon, '')"
/>
<img
:src=
"item.iconcls"
v-else-if=
"!Object.is(item.iconcls, '')"
/>
<i
class=
"fa fa-cogs"
v-else
></i>
</span>
<span>
{{
$t
(
'app.menus.iconmenu.'
+
item
.
name
)
}}
</span>
<span
class=
"line"
></span>
</p>
<p
style=
" display: 'flex' "
>
<app-quick-menus
:menus=
"item.items"
:ctrlName =
"ctrlName"
></app-quick-menus>
</p>
</card>
<card
:key=
"index"
:style=
"
{
width:'140px',
height: '80px',
wordBreak: 'break-all',
cursor: 'pointer',
margin: '0',
border:'0',
padding:'0',
display: 'flex',
alignItems: 'center'
}"
:padding="0"
v-else
>
<div
@
click=
"$emit('menuClick',item.name, [item.name])"
class=
"menuIcon"
>
<span>
<img
:src=
"item.icon"
v-if=
"!Object.is(item.icon, '')"
/>
<img
:src=
"item.iconcls"
v-else-if=
"!Object.is(item.iconcls, '')"
/>
<i
class=
"fa fa-cogs"
v-else
></i>
</span>
<h4>
{{
$t
(
'app.menus.iconmenu.'
+
item
.
name
)
}}
</h4>
</div>
</card>
</
template
>
</div>
</template>
<
script
lang=
'ts'
>
import
{
Component
,
Vue
,
Prop
,
Model
,
Watch
}
from
"vue-property-decorator"
;
@
Component
({})
export
default
class
AppQuickMenus
extends
Vue
{
/**
* 菜单数据
*
* @type {*}
* @memberof AppQuickMenus
*/
@
Prop
({
default
:
[]
})
public
menus
!
:
any
;
/**
* 部件名称
*
* @type {String}
* @memberof AppQuickMenus
*/
@
Prop
()
public
ctrlName
!
:
String
;
}
</
script
>
<
style
lang=
'less'
>
@import "./app-quick-menus.less";
</
style
>
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录