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

View File

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

View File

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