fix: fix demo for button and embedded

This commit is contained in:
Justineo 2020-09-02 12:34:30 +08:00
parent 93c8b00d53
commit 5fa16efe79
4 changed files with 83 additions and 10 deletions

View File

@ -7,8 +7,8 @@
</section> </section>
<section> <section>
<veui-button <veui-button
:disabled="disabled"
ui="primary" ui="primary"
:disabled="disabled"
> >
Primary Primary
</veui-button> </veui-button>
@ -16,28 +16,68 @@
Normal Normal
</veui-button> </veui-button>
<veui-button <veui-button
ui="basic"
:disabled="disabled" :disabled="disabled"
ui="alt"
> >
Alternate Basic
</veui-button> </veui-button>
<veui-button <veui-button
ui="strong"
:disabled="disabled" :disabled="disabled"
ui="link"
> >
Link Strong
</veui-button>
<veui-button
ui="translucent"
:disabled="disabled"
>
Translucent
</veui-button>
</section>
<section>
<veui-button
ui="text"
:disabled="disabled"
>
Text
</veui-button>
<veui-button
ui="icon"
:disabled="disabled"
>
<veui-icon name="home"/>
</veui-button>
<veui-button
ui="icon strong"
:disabled="disabled"
>
<veui-icon name="home"/>
</veui-button>
<veui-button
ui="icon aux"
:disabled="disabled"
>
<veui-icon name="home"/>
</veui-button>
<veui-button
ui="primary square"
:disabled="disabled"
>
<veui-icon name="home"/>
</veui-button> </veui-button>
</section> </section>
</article> </article>
</template> </template>
<script> <script>
import { Button, Checkbox } from 'veui' import { Button, Checkbox, Icon } from 'veui'
import 'veui-theme-dls-icons/home'
export default { export default {
components: { components: {
'veui-button': Button, 'veui-button': Button,
'veui-checkbox': Checkbox 'veui-checkbox': Checkbox,
'veui-icon': Icon
}, },
data () { data () {
return { return {

View File

@ -7,8 +7,8 @@
</section> </section>
<section> <section>
<veui-button <veui-button
:loading="loading"
ui="primary" ui="primary"
:loading="loading"
> >
Primary Primary
</veui-button> </veui-button>
@ -16,20 +16,52 @@
Normal Normal
</veui-button> </veui-button>
<veui-button <veui-button
ui="basic"
:loading="loading" :loading="loading"
>
Basic
</veui-button>
<veui-button
ui="strong" ui="strong"
:loading="loading"
> >
Strong Strong
</veui-button> </veui-button>
<veui-button <veui-button
ui="translucent"
:loading="loading" :loading="loading"
>
Translucent
</veui-button>
</section>
<section>
<veui-button
ui="text" ui="text"
:loading="loading"
> >
Text Text
</veui-button> </veui-button>
<veui-button <veui-button
:loading="loading"
ui="icon" ui="icon"
:loading="loading"
>
<veui-icon name="home"/>
</veui-button>
<veui-button
ui="icon strong"
:loading="loading"
>
<veui-icon name="home"/>
</veui-button>
<veui-button
ui="icon aux"
:loading="loading"
>
<veui-icon name="home"/>
</veui-button>
<veui-button
ui="primary square"
:loading="loading"
> >
<veui-icon name="home"/> <veui-icon name="home"/>
</veui-button> </veui-button>

View File

@ -37,6 +37,7 @@
<script> <script>
import { Button, Icon } from 'veui' import { Button, Icon } from 'veui'
import 'veui-theme-dls-icons/home'
export default { export default {
components: { components: {

View File

@ -37,7 +37,7 @@ export default {
}, },
data () { data () {
return { return {
open: false open: true
} }
} }
} }