Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
I
ibizlab-generator
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
ibiz4jteam
ibizlab-generator
提交
dc4b7de2
提交
dc4b7de2
编写于
1月 20, 2022
作者:
RedPig97
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update: 中间菜单适配栅格布局
上级
6a81697e
变更
6
隐藏空白字符变更
内嵌
并排
正在显示
6 个修改的文件
包含
85 行增加
和
38 行删除
+85
-38
layout-pos-model.hbs
...l/r7/@macro/front-end/widgets/common/layout-pos-model.hbs
+14
-0
menu-item.hbs
...mpl/r7/@macro/front-end/widgets/menu-detail/menu-item.hbs
+2
-1
app-menu-center.vue
...r7/app_{{apps}}/src/components/render/app-menu-center.vue
+36
-22
app-menu-center.scss
...{{apps}}/src/style/components/render/app-menu-center.scss
+31
-0
index.scss
...pl/r7/app_{{apps}}/src/style/components/render/index.scss
+2
-1
app-menu.scss
...ces/templ/r7/app_{{apps}}/src/style/widgets/app-menu.scss
+0
-14
未找到文件。
modules/ibizlab-generator-core/src/main/resources/templ/r7/@macro/front-end/widgets/common/layout-pos-model.hbs
0 → 100644
浏览文件 @
dc4b7de2
layoutPos: {
layout: '
{{
item
.
layout
}}
',
{{#if
(
eq
item
.
layout
'TABLE_24COL'
)
}}
{{#if
item
.
colLG
}}
lg:"
{{#if
(
neq
item
.
colLG
-1
)
}}{{
item
.
colLG
}}{{else}}
24
{{/if}}
", lgOffset: "
{{#if
(
neq
item
.
colLGOffset
-1
)
}}{{
item
.
colLGOffset
}}{{else}}
0
{{/if}}
",
{{/if}}
{{#if
item
.
colMD
}}
md:"
{{#if
(
neq
item
.
colMD
-1
)
}}{{
item
.
colMD
}}{{else}}
24
{{/if}}
", mdOffset: "
{{#if
(
neq
item
.
colMDOffset
-1
)
}}{{
item
.
colMDOffset
}}{{else}}
0
{{/if}}
",
{{/if}}
{{#if
item
.
colSM
}}
sm:"
{{#if
(
neq
item
.
colSM
-1
)
}}{{
item
.
colSM
}}{{else}}
24
{{/if}}
", smOffset: "
{{#if
(
neq
item
.
colSMOffset
-1
)
}}{{
item
.
colSMOffset
}}{{else}}
0
{{/if}}
",
{{/if}}
{{#if
item
.
colXS
}}
xs:"
{{#if
(
neq
item
.
colXS
-1
)
}}{{
item
.
colXS
}}{{else}}
24
{{/if}}
", xsOffset: "
{{#if
(
neq
item
.
colXSOffset
-1
)
}}{{
item
.
colXSOffset
}}{{else}}
0
{{/if}}
",
{{/if}}
{{else}}
{{#if
item
.
colLG
}}
lg:"
{{#if
(
neq
item
.
colLG
-1
)
}}{{
item
.
colLG
}}
*2
{{else}}
24
{{/if}}
", lgOffset: "
{{#if
(
neq
item
.
colLGOffset
-1
)
}}{{
item
.
colLGOffset
}}
*2
{{else}}
0
{{/if}}
",
{{/if}}
{{#if
item
.
colMD
}}
md:"
{{#if
(
neq
item
.
colMD
-1
)
}}{{
item
.
colMD
}}
*2
{{else}}
24
{{/if}}
", mdOffset: "
{{#if
(
neq
item
.
colMDOffset
-1
)
}}{{
item
.
colMDOffset
}}
*2
{{else}}
0
{{/if}}
",
{{/if}}
{{#if
item
.
colSM
}}
sm:"
{{#if
(
neq
item
.
colSM
-1
)
}}{{
item
.
colSM
}}
*2
{{else}}
24
{{/if}}
", smOffset: "
{{#if
(
neq
item
.
colSMOffset
-1
)
}}{{
item
.
colSMOffset
}}
*2
{{else}}
0
{{/if}}
",
{{/if}}
{{#if
item
.
colXS
}}
xs:"
{{#if
(
neq
item
.
colXS
-1
)
}}{{
item
.
colXS
}}
*2
{{else}}
24
{{/if}}
", xsOffset: "
{{#if
(
neq
item
.
colXSOffset
-1
)
}}{{
item
.
colXSOffset
}}
*2
{{else}}
0
{{/if}}
",
{{/if}}
{{/if}}
},
modules/ibizlab-generator-core/src/main/resources/templ/r7/@macro/front-end/widgets/menu-detail/menu-item.hbs
浏览文件 @
dc4b7de2
...
...
@@ -29,7 +29,8 @@
{{#if
item
.
psNavigateContexts
}}
navContext:
{{
item
.
psNavigateContexts
}}
,
{{/if}}
{{#if
item
.
getPSLayoutPos
}}
{{#if
item
.
psLayoutPos
}}
{{>
@macro
/
front-end
/
widgets
/
common
/
layout-pos-model
.
hbs
item
=
item
.
psLayoutPos
}}
{{/if}}
{{#if
item
.
psAppMenuItems
}}
items: [
...
...
modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/render/app-menu-center.vue
浏览文件 @
dc4b7de2
...
...
@@ -3,41 +3,55 @@ import { IActionParam, IParam } from '@core';
interface
MenuCenterProps
{
menus
:
IParam
[];
}
const
props
=
withDefaults
(
defineProps
<
MenuCenterProps
>
(),
{
});
const
props
=
withDefaults
(
defineProps
<
MenuCenterProps
>
(),
{});
interface
menuCenterEmit
{
(
name
:
"onMenuSelect"
,
value
:
IParam
):
void
;
(
name
:
'onMenuSelect'
,
value
:
IParam
):
void
;
}
const
emit
=
defineEmits
<
menuCenterEmit
>
();
const
onClick
=
(
item
:
IParam
)
=>
{
emit
(
"onMenuSelect"
,
{
emit
(
'onMenuSelect'
,
{
key
:
item
.
name
,
item
:
item
,
});
}
}
;
console
.
log
(
props
.
menus
);
</
script
>
<
template
>
<a-card
v-for=
"(menu, index) in menus"
v-show=
"!menu.hidden"
:key=
"index"
:class=
"['app-menu__card', menu.itemSysCss]"
:bordered=
"false"
:title=
"menu.caption"
>
<a-space
:size=
"24"
>
v-for=
"(menu, index) in menus"
v-show=
"!menu.hidden"
:key=
"index"
:class=
"['app-menu__card', menu.itemSysCss]"
:bordered=
"false"
:title=
"menu.caption"
>
<template
v-if=
"Object.is(menu.layoutPos.layout, 'FLEX')"
>
<a-space
:size=
"24"
class=
"app-menu__card--flex"
>
<template
v-for=
"item in menu.items"
>
<a-button
v-if=
"!item.hidden"
size=
"large"
:class=
"['app-menu-item', item.itemSysCss]"
@
click=
"onClick(item)"
>
<a-button
v-if=
"!item.hidden"
size=
"large"
:class=
"['app-menu-item', item.itemSysCss]"
@
click=
"onClick(item)"
>
\
{{
item
.
caption
}}
</a-button>
</
template
>
</a-space>
</a-card>
</template>
\ No newline at end of file
</template>
<
template
v-else
>
<a-row
:wrap=
"true"
class=
"app-menu__card--grid"
:gutter=
"20"
style=
"row-gap: 20px;"
>
<a-col
v-for=
"item in menu.items"
:lg=
"
{span: item.layoutPos.lg, offset: item.layoutPos.lgOffset }"
:md="{span: item.layoutPos.md, offset: item.layoutPos.mdOffset }"
:sm="{span: item.layoutPos.sm, offset: item.layoutPos.smOffset }"
:xs="{span: item.layoutPos.xs, offset: item.layoutPos.xsOffset }"
v-show="!item.hidden"
:class="['app-menu-item', item.itemSysCss]"
@click="onClick(item)"
>
<a-button
size=
"large"
>
\
{{
item
.
caption
}}
</a-button>
</a-col>
</a-row>
</
template
>
</a-card>
</template>
modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/components/render/app-menu-center.scss
0 → 100644
浏览文件 @
dc4b7de2
.app-menu__card
{
.app-menu__card--flex
{
flex-wrap
:
wrap
;
.ant-btn
{
width
:
320px
;
height
:
56px
;
border-radius
:
4px
;
border-left
:
10px
solid
var
(
--
app-color-primary
);
&
:hover
{
border-color
:
transparent
;
border-left-color
:
var
(
--
app-color-primary
);
box-shadow
:
0
1px
6px
rgb
(
0
0
0
/
20%
);
}
}
}
.app-menu__card--grid
{
row-gap
:
20px
;
.ant-btn
{
width
:
100%
;
min-width
:
320px
;
height
:
56px
;
border-radius
:
4px
;
border-left
:
10px
solid
var
(
--
app-color-primary
);
&
:hover
{
border-color
:
transparent
;
border-left-color
:
var
(
--
app-color-primary
);
box-shadow
:
0
1px
6px
rgb
(
0
0
0
/
20%
);
}
}
}
}
\ No newline at end of file
modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/components/render/index.scss
浏览文件 @
dc4b7de2
@use
'./icon-text.scss'
;
@use
'./app-quick-group.scss'
;
\ No newline at end of file
@use
'./app-quick-group.scss'
;
@use
'./app-menu-center.scss'
;
\ No newline at end of file
modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/widgets/app-menu.scss
浏览文件 @
dc4b7de2
...
...
@@ -5,19 +5,5 @@
}
.ant-card-body
{
text-align
:
left
;
.ant-space
{
flex-wrap
:
wrap
;
.ant-btn
{
width
:
320px
;
height
:
56px
;
border-radius
:
4px
;
border-left
:
10px
solid
var
(
--
app-color-primary
);
&
:hover
{
border-color
:
transparent
;
border-left-color
:
var
(
--
app-color-primary
);
box-shadow
:
0
1px
6px
rgb
(
0
0
0
/
20%
);
}
}
}
}
}
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录