朱思禹提交:提交模块相关代码

init
Administrator 4 years ago
parent a00664e87c
commit edad37ec79

@ -7,7 +7,7 @@
</a-divider>
<draggable v-model="moduleType.module_list" class="clearfix module-draggable-style" :sort="true" handle=".move">
<module-base v-for="item,index in moduleType.module_list" :key="item"
:module-data="{module_type_id:moduleType.module_type_id,module_id:item}"
:module-data="{module_type_id:moduleType.module_type_id,module_id:item,size:getModuleSize(index)}"
:style="{width:getWidth(index),margin:getMarginStyle(moduleType.module_list.length,index)}"/>
</draggable>
</div>
@ -44,6 +44,39 @@
ModuleBase
},
methods:{
getModuleSize:function(index){
let num = 0;
if (this.layout <= 2){
num = index % 3;
}else if (this.layout === 3){
num = index % 2;
}else{
num = index % 4;
}
switch (num) {
case 0:
if (this.layout <= 1 || this.layout === 4){
return 'small'
}else{
return 'large'
}
case 1:
if (this.layout === 1 || this.layout === 2 || this.layout === 4){
return 'small'
}else{
return 'large'
}
case 2:
if(this.layout === 1){
return 'large'
}else{
return 'small'
}
case 3:
return 'small'
}
},
getWidth:function(index){
let num = 0;
if (this.layout <= 2){

Loading…
Cancel
Save