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

fix(playground): 新增页面默认width height 100%

Browse Source
This commit is contained in:
roymondchen 2022-03-28 19:47:07 +08:00 committed by jia000
parent 30ad8502c4
commit c3f4e41cc8
9 changed files with 86 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui-react/src/page/initValue.ts
View File

@ -16,4 +16,10 @@
* limitations under the License.
*/
export default {};
export default {
items: [],
style: {
width: '100%',
height: '100%',
},
};

8
packages/ui-vue2/src/page/initValue.ts
View File

@ -16,4 +16,10 @@
* limitations under the License.
*/
export default {};
export default {
items: [],
style: {
width: '100%',
height: '100%',
},
};

4
packages/ui/src/page/src/initValue.ts
View File

@ -19,7 +19,7 @@
export default {
items: [],
style: {
width: '375',
height: '728',
width: '100%',
height: '100%',
},
};

15
runtime/react/src/page/App.css
View File

@ -1,8 +1,11 @@
#root {
width: fit-content;
position: relative;
margin: 0 auto;
html,
body,
#app {
width: 100%;
height: 100%;
}
::-webkit-scrollbar {
width: 0;
#app {
position: relative;
overflow: auto;
}

18
runtime/react/src/playground/App.css
View File

@ -1,11 +1,19 @@
#root {
width: fit-content;
position: relative;
margin: 0 auto;
html,
body,
#app {
width: 100%;
height: 100%;
}
::-webkit-scrollbar {
#app {
position: relative;
overflow: auto;
}
#app::-webkit-scrollbar {
width: 0;
}
.magic-ui-container {
background-color: rgba(136, 136, 136, 0.5);
}

13
runtime/vue2/src/page/App.vue
View File

@ -22,12 +22,15 @@ export default defineComponent({
</script>
<style lang="scss">
html,
body,
#app {
width: fit-content;
position: relative;
margin: 0 auto;
width: 100%;
height: 100%;
}
::-webkit-scrollbar {
width: 0;
#app {
position: relative;
overflow: auto;
}
</style>

16
runtime/vue2/src/playground/App.vue
View File

@ -133,6 +133,22 @@ export default Vue.extend({
</script>
<style lang="scss">
html,
body,
#app {
width: 100%;
height: 100%;
}
#app {
position: relative;
overflow: auto;
&::-webkit-scrollbar {
width: 0;
}
}
.magic-ui-container {
background-color: rgba(136, 136, 136, 0.5);
}

13
runtime/vue3/src/page/App.vue
View File

@ -22,12 +22,15 @@ export default defineComponent({
</script>
<style lang="scss">
html,
body,
#app {
width: fit-content;
position: relative;
margin: 0 auto;
width: 100%;
height: 100%;
}
::-webkit-scrollbar {
width: 0;
#app {
position: relative;
overflow: auto;
}
</style>

16
runtime/vue3/src/playground/App.vue
View File

@ -110,6 +110,22 @@ export default defineComponent({
</script>
<style lang="scss">
html,
body,
#app {
width: 100%;
height: 100%;
}
#app {
position: relative;
overflow: auto;
&::-webkit-scrollbar {
width: 0;
}
}
.magic-ui-container {
background-color: rgba(136, 136, 136, 0.5);
}