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. * 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. * 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 { export default {
items: [], items: [],
style: { style: {
width: '375', width: '100%',
height: '728', height: '100%',
}, },
}; };

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

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

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

@ -1,11 +1,19 @@
#root { html,
width: fit-content; body,
position: relative; #app {
margin: 0 auto; width: 100%;
height: 100%;
} }
::-webkit-scrollbar {
#app {
position: relative;
overflow: auto;
}
#app::-webkit-scrollbar {
width: 0; width: 0;
} }
.magic-ui-container { .magic-ui-container {
background-color: rgba(136, 136, 136, 0.5); 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> </script>
<style lang="scss"> <style lang="scss">
html,
body,
#app { #app {
width: fit-content; width: 100%;
position: relative; height: 100%;
margin: 0 auto;
} }
::-webkit-scrollbar {
width: 0; #app {
position: relative;
overflow: auto;
} }
</style> </style>

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

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

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

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