feat(ui): page 添加magic-ui-container class

This commit is contained in:
roymondchen 2022-07-12 14:30:37 +08:00 committed by jia000
parent 803f93caab
commit f3e2d9ca39
3 changed files with 7 additions and 3 deletions

View File

@ -39,7 +39,7 @@ const Page: React.FC<PageProps> = ({ config }) => {
return (
<div
id={`${config.id || ''}`}
className={`magic-ui-page${config.className ? ` ${config.className}` : ''}`}
className={`magic-ui-page magic-ui-container${config.className ? ` ${config.className}` : ''}`}
style={app.transformStyle(config.style || {})}
>
{config.items?.map((item: MComponent | MContainer) => {

View File

@ -1,5 +1,9 @@
<template>
<div :id="config.id" :class="`magic-ui-page${config.className ? ` ${config.className}` : ''}`" :style="style">
<div
:id="config.id"
:class="`magic-ui-page magic-ui-container${config.className ? ` ${config.className}` : ''}`"
:style="style"
>
<slot></slot>
<magic-ui-component v-for="item in config.items" :key="item.id" :config="item"></magic-ui-component>
</div>

View File

@ -1,7 +1,7 @@
<template>
<div
:id="`${config.id || ''}`"
:class="`magic-ui-page${config.className ? ` ${config.className}` : ''}`"
:class="`magic-ui-page magic-ui-container${config.className ? ` ${config.className}` : ''}`"
:style="style"
>
<slot></slot>