JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-05-09 04:04:29 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui-react/src/page/Page.tsx
View File

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

6
packages/ui-vue2/src/page/Page.vue
View File

@ -1,5 +1,9 @@
<template> <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> <slot></slot>
<magic-ui-component v-for="item in config.items" :key="item.id" :config="item"></magic-ui-component> <magic-ui-component v-for="item in config.items" :key="item.id" :config="item"></magic-ui-component>
</div> </div>

2
packages/ui/src/page/src/index.vue
View File

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