fix(demo): p > veui-input will cause malformed ssr output, use section instead
This commit is contained in:
parent
ebc5b856d7
commit
146c87244d
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user