fix: fix demo for button and embedded
This commit is contained in:
parent
93c8b00d53
commit
5fa16efe79
@ -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 {
|
||||||
|
@ -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>
|
||||||
|
@ -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: {
|
||||||
|
@ -37,7 +37,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
open: false
|
open: true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user