fix(demo): p > veui-input will cause malformed ssr output, use section instead

This commit is contained in:
Justineo 2021-08-24 17:45:25 +08:00
parent ebc5b856d7
commit 146c87244d
No known key found for this signature in database
GPG Key ID: B73F0979CF18A0EA
3 changed files with 26 additions and 28 deletions

View File

@ -6,33 +6,33 @@
</veui-checkbox> </veui-checkbox>
</section> </section>
<section> <section>
<p> <section>
<veui-input <veui-input
:disabled="disabled" :disabled="disabled"
ui="l" ui="l"
value="Large" value="Large"
/> />
</p> </section>
<p> <section>
<veui-input <veui-input
:disabled="disabled" :disabled="disabled"
value="Normal" value="Normal"
/> />
</p> </section>
<p> <section>
<veui-input <veui-input
:disabled="disabled" :disabled="disabled"
ui="s" ui="s"
value="Small" value="Small"
/> />
</p> </section>
<p> <section>
<veui-input <veui-input
:disabled="disabled" :disabled="disabled"
ui="xs" ui="xs"
value="Extra small" value="Extra small"
/> />
</p> </section>
</section> </section>
</article> </article>
</template> </template>
@ -54,8 +54,7 @@ export default {
</script> </script>
<style lang="less" scoped docs> <style lang="less" scoped docs>
section, section {
p {
margin-bottom: 1em; margin-bottom: 1em;
} }
</style> </style>

View File

@ -6,33 +6,33 @@
</veui-checkbox> </veui-checkbox>
</section> </section>
<section> <section>
<p> <section>
<veui-input <veui-input
:readonly="readonly" :readonly="readonly"
ui="l" ui="l"
value="Large" value="Large"
/> />
</p> </section>
<p> <section>
<veui-input <veui-input
:readonly="readonly" :readonly="readonly"
value="Normal" value="Normal"
/> />
</p> </section>
<p> <section>
<veui-input <veui-input
:readonly="readonly" :readonly="readonly"
ui="s" ui="s"
value="Small" value="Small"
/> />
</p> </section>
<p> <section>
<veui-input <veui-input
:readonly="readonly" :readonly="readonly"
ui="xs" ui="xs"
value="Extra small" value="Extra small"
/> />
</p> </section>
</section> </section>
</article> </article>
</template> </template>
@ -54,8 +54,7 @@ export default {
</script> </script>
<style lang="less" scoped docs> <style lang="less" scoped docs>
section, section {
p {
margin-bottom: 1em; margin-bottom: 1em;
} }
</style> </style>

View File

@ -1,24 +1,24 @@
<template> <template>
<article> <article>
<p> <section>
<veui-input <veui-input
ui="l" ui="l"
value="Large" value="Large"
/> />
</p> </section>
<p><veui-input value="Normal"/></p> <section><veui-input value="Normal"/></section>
<p> <section>
<veui-input <veui-input
ui="s" ui="s"
value="Small" value="Small"
/> />
</p> </section>
<p> <section>
<veui-input <veui-input
ui="xs" ui="xs"
value="Extra small" value="Extra small"
/> />
</p> </section>
</article> </article>
</template> </template>
@ -33,7 +33,7 @@ export default {
</script> </script>
<style lang="less" scoped docs> <style lang="less" scoped docs>
p { section {
margin-bottom: 1em; margin-bottom: 1em;
} }
</style> </style>