Browse Source

Pull request #1855: 优化布局

Merge in VISUAL/fineui from ~GUY/fineui:master to master

* commit '47718f05cfe5392b7c6b3808cd00cb5a8d7f5597':
  优化布局
es6
guy 4 years ago
parent
commit
7bc2b13c69
  1. 25
      src/core/platform/web/config.js

25
src/core/platform/web/config.js

@ -21,18 +21,19 @@ BI.prepares.push(function () {
// 在横向自适应场景下我们需要使用table的自适应撑出滚动条的特性(flex处理不了这种情况) // 在横向自适应场景下我们需要使用table的自适应撑出滚动条的特性(flex处理不了这种情况)
// 主要出现在center_adapt或者horizontal_adapt的场景,或者主动设置horizontalAlign的场景 // 主要出现在center_adapt或者horizontal_adapt的场景,或者主动设置horizontalAlign的场景
if (ob.horizontalAlign === BI.HorizontalAlign.Center || ob.horizontalAlign === BI.HorizontalAlign.Stretch) { if (ob.horizontalAlign === BI.HorizontalAlign.Center || ob.horizontalAlign === BI.HorizontalAlign.Stretch) {
var justOneItem = (ob.items && ob.items.length <= 1); // 虽然有两个元素以上的时候,有场景是控制一个显示一个隐藏的效果,还无法通过flex来实现
// 在这种情况下,也可以通过flex支持该布局 // var justOneItem = (ob.items && ob.items.length <= 1);
if (supportFlex) { // // 在这种情况下,也可以通过flex支持该布局
// IE下其实也是可以使用flex布局的,只要排除掉出现滚动条的情况 // if (supportFlex) {
// if (!isIE || (ob.scrollable !== true && ob.scrolly !== true)) { // // IE下其实也是可以使用flex布局的,只要排除掉出现滚动条的情况
return BI.extend({}, ob, { // // if (!isIE || (ob.scrollable !== true && ob.scrolly !== true)) {
type: "bi.flex_horizontal", // return BI.extend({}, ob, {
horizontalAlign: !justOneItem && ob.horizontalAlign === BI.HorizontalAlign.Center // type: "bi.flex_horizontal",
? BI.HorizontalAlign.Left : ob.horizontalAlign // horizontalAlign: !justOneItem && ob.horizontalAlign === BI.HorizontalAlign.Center
}); // ? BI.HorizontalAlign.Left : ob.horizontalAlign
// } // });
} // // }
// }
// // IE9以上可以使用calc计算布局 // // IE9以上可以使用calc计算布局
// if (!isIE || BI.getIEVersion() > 8) { // if (!isIE || BI.getIEVersion() > 8) {
// return BI.extend({}, ob, { // return BI.extend({}, ob, {

Loading…
Cancel
Save