taolin/docs_vue2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: publicize doc implemetation

Browse Source
This commit is contained in:
Justineo
2020-08-13 11:47:56 +08:00
parent 55b9b044f2
commit 1e5fcff6ad
372 changed files with 50636 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
one/docs/demo/button/disabled.vue Normal file
View File

@@ -0,0 +1,58 @@
<template>
<article>
<section>
<veui-checkbox v-model="disabled">
Disabled
</veui-checkbox>
</section>
<section>
<veui-button
:disabled="disabled"
ui="primary"
>
Primary
</veui-button>
<veui-button :disabled="disabled">
Normal
</veui-button>
<veui-button
:disabled="disabled"
ui="alt"
>
Alternate
</veui-button>
<veui-button
:disabled="disabled"
ui="link"
>
Link
</veui-button>
</section>
</article>
</template>
<script>
import { Button, Checkbox } from 'veui'
export default {
components: {
'veui-button': Button,
'veui-checkbox': Checkbox
},
data () {
return {
disabled: true
}
}
}
</script>
<style lang="less" scoped docs>
section {
margin-bottom: 1em;
}
.veui-button {
margin-right: 1em;
}
</style>

66
one/docs/demo/button/loading.vue Normal file
View File

@@ -0,0 +1,66 @@
<template>
<article>
<section>
<veui-checkbox v-model="loading">
Loading
</veui-checkbox>
</section>
<section>
<veui-button
:loading="loading"
ui="primary"
>
Primary
</veui-button>
<veui-button :loading="loading">
Normal
</veui-button>
<veui-button
:loading="loading"
ui="strong"
>
Strong
</veui-button>
<veui-button
:loading="loading"
ui="text"
>
Text
</veui-button>
<veui-button
:loading="loading"
ui="icon"
>
<veui-icon name="home"/>
</veui-button>
</section>
</article>
</template>
<script>
import { Button, Checkbox, Icon } from 'veui'
import 'veui-theme-dls-icons/home'
export default {
components: {
'veui-button': Button,
'veui-checkbox': Checkbox,
'veui-icon': Icon
},
data () {
return {
loading: true
}
}
}
</script>
<style lang="less" scoped docs>
section {
margin-bottom: 1em;
}
.veui-button {
margin-right: 1em;
}
</style>

35
one/docs/demo/button/size.vue Normal file
View File

@@ -0,0 +1,35 @@
<template>
<article>
<veui-button ui="xl">
xl
</veui-button>
<veui-button ui="l">
l
</veui-button>
<veui-button ui="m">
m
</veui-button>
<veui-button ui="s">
s
</veui-button>
<veui-button ui="xs">
xs
</veui-button>
</article>
</template>
<script>
import { Button } from 'veui'
export default {
components: {
'veui-button': Button
}
}
</script>
<style lang="less" scoped docs>
.veui-button {
margin-right: 1em;
}
</style>

57
one/docs/demo/button/style.vue Normal file
View File

@@ -0,0 +1,57 @@
<template>
<article>
<section>
<veui-button ui="primary">
Primary
</veui-button>
<veui-button>Normal</veui-button>
<veui-button ui="basic">
Basic
</veui-button>
<veui-button ui="strong">
Strong
</veui-button>
<veui-button ui="translucent">
Translucent
</veui-button>
</section>
<section>
<veui-button ui="text">
Text
</veui-button>
<veui-button ui="icon">
<veui-icon name="home"/>
</veui-button>
<veui-button ui="icon strong">
<veui-icon name="home"/>
</veui-button>
<veui-button ui="icon aux">
<veui-icon name="home"/>
</veui-button>
<veui-button ui="primary square">
<veui-icon name="home"/>
</veui-button>
</section>
</article>
</template>
<script>
import { Button, Icon } from 'veui'
export default {
components: {
'veui-button': Button,
'veui-icon': Icon
}
}
</script>
<style lang="less" scoped docs>
.veui-button {
margin-right: 1em;
}
section {
margin-top: 20px;
}
</style>