Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
315e88da
提交
315e88da
编写于
11月 09, 2022
作者:
tony001
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update:更新
上级
98cc5c9c
变更
1
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
22 行增加
和
18 行删除
+22
-18
panel-detail.ts
src/model/panel-detail/panel-detail.ts
+22
-18
未找到文件。
src/model/panel-detail/panel-detail.ts
浏览文件 @
315e88da
...
...
@@ -437,26 +437,30 @@ export class PanelDetailModel {
*/
protected
getBoxLayOutStyle
()
{
const
boxStyle
=
{};
// 识别FLEX
if
(
this
.
layout
==
'FLEX'
)
{
Object
.
assign
(
boxStyle
,
{
'flex-grow'
:
this
.
flexGrow
?
this
.
flexGrow
:
0
});
}
// 识别SIMPLEFLEX
if
(
this
.
layout
==
'SIMPLEFLEX'
)
{
if
(
this
.
flexGrow
)
{
Object
.
assign
(
boxStyle
,
{
'width'
:
`
${(
100
/
12
)
*
this
.
flexGrow
}
%`
,
'height'
:
'100%'
});
}
else
{
// 简单FLEX布局自适应
Object
.
assign
(
boxStyle
,
{
'flex-grow'
:
1
,
'min-width'
:
`
${(
100
/
12
)}
%`
,
'height'
:
'100%'
});
}
}
if
(
this
.
parentName
&&
this
.
panel
)
{
const
parentItem
=
this
.
panel
.
layoutModelDetails
[
this
.
parentName
];
// 当前项兄弟项个数大于1且本身设置宽或者高默认不占满
if
(
parentItem
&&
parentItem
.
details
&&
parentItem
.
details
.
length
>
1
)
{
const
boxSizeStyle
:
any
=
this
.
getBoxSizeStyle
();
if
(
boxSizeStyle
&&
Object
.
keys
(
boxSizeStyle
).
length
>
0
)
{
Object
.
assign
(
boxStyle
,
{
'flex-grow'
:
0
});
// 识别父FLEX
if
(
parentItem
.
layout
==
'FLEX'
)
{
Object
.
assign
(
boxStyle
,
{
'display'
:
'contents'
});
Object
.
assign
(
boxStyle
,
{
'flex-grow'
:
this
.
flexGrow
?
this
.
flexGrow
:
0
});
}
// 识别SIMPLEFLEX
else
if
(
parentItem
.
layout
==
'SIMPLEFLEX'
)
{
// SIMPLEFLEX 按照内容撑大小
Object
.
assign
(
boxStyle
,
{
'flex-grow'
:
0
});
if
(
this
.
flexGrow
!==
-
1
)
{
Object
.
assign
(
boxStyle
,
{
'width'
:
`
${(
100
/
12
)
*
this
.
flexGrow
}
%`
,
'height'
:
'100%'
});
}
else
{
// 简单FLEX布局自适应
Object
.
assign
(
boxStyle
,
{
'flex-grow'
:
1
,
'min-width'
:
`
${(
100
/
12
)}
%`
,
'height'
:
'100%'
});
}
}
else
{
// 当前项兄弟项个数大于1且本身设置宽或者高默认不占满
if
(
parentItem
&&
parentItem
.
details
&&
parentItem
.
details
.
length
>
1
)
{
const
boxSizeStyle
:
any
=
this
.
getBoxSizeStyle
();
if
(
boxSizeStyle
&&
Object
.
keys
(
boxSizeStyle
).
length
>
0
)
{
Object
.
assign
(
boxStyle
,
{
'flex-grow'
:
0
});
}
}
}
}
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录