提交 76f3f461 编写于 作者: Cano1997's avatar Cano1997

update: 更新

上级 f700ad02
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}}
{{#if item.colLG}}lg:"{{#if (neq item.colLG -1)}}{{item.colLG}}{{/if}}", lgOffset: "{{#if (neq item.colLGOffset -1)}}{{item.colLGOffset}}{{else}}0{{/if}}",{{/if}}
{{#if item.colMD}}md:"{{#if (neq item.colMD -1)}}{{item.colMD}}{{/if}}", mdOffset: "{{#if (neq item.colMDOffset -1)}}{{item.colMDOffset}}{{else}}0{{/if}}",{{/if}}
{{#if item.colSM}}sm:"{{#if (neq item.colSM -1)}}{{item.colSM}}{{/if}}", smOffset: "{{#if (neq item.colSMOffset -1)}}{{item.colSMOffset}}{{else}}0{{/if}}",{{/if}}
{{#if item.colXS}}xs:"{{#if (neq item.colXS -1)}}{{item.colXS}}{{/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 item.colLG}}lg:"{{#if (neq item.colLG -1)}}{{item.colLG}}*2{{/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{{/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{{/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{{/if}}", xsOffset: "{{#if (neq item.colXSOffset -1)}}{{item.colXSOffset}}*2{{else}}0{{/if}}",{{/if}}
{{/if}}
},
......@@ -14,6 +14,22 @@ const onClick = (item: IParam) => {
item: item,
});
};
const getLayout = (item: IParam ,name: string) => {
switch(name) {
case 'lg':
const lg = item.layoutPos.lg > 0 ? item.layoutPos.lg : 4;
return {span: lg, offset: item.layoutPos.lgOffset};
case 'md':
const md = item.layoutPos.md > 0 ? item.layoutPos.md : 4;
return {span: md, offset: item.layoutPos.mdOffset};
case 'sm':
const sm = item.layoutPos.sm > 0 ? item.layoutPos.sm : 4;
return {span: sm, offset: item.layoutPos.smOffset};
case 'xs':
const xs = item.layoutPos.xs > 0 ? item.layoutPos.xs : 4;
return {span: xs, offset: item.layoutPos.xsOffset};
}
}
</script>
<template>
......@@ -39,10 +55,10 @@ const onClick = (item: IParam) => {
<a-col
v-for="(item,key) in menu.items"
:key="key"
: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 }"
:lg="getLayout(item,'lg')"
:md="getLayout(item,'md')"
:sm="getLayout(item,'sm')"
:xs="getLayout(item,'xs')"
v-show="!item.hidden"
:class="['app-menu-item', item.itemSysCss]"
@click="onClick(item)"
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册