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

34
one/docs/demo/loading/layout.vue Normal file
View File

@@ -0,0 +1,34 @@
<template>
<article class="container">
<veui-loading loading>
Horizontal
</veui-loading>
<veui-loading
loading
ui="vertical"
>
Vertical
</veui-loading>
</article>
</template>
<script>
import { Loading } from 'veui'
export default {
components: {
'veui-loading': Loading
}
}
</script>
<style lang="less" scoped docs>
.container {
display: flex;
align-items: flex-end;
.veui-loading {
margin-left: 1em;
}
}
</style>

90
one/docs/demo/loading/size.vue Normal file
View File

@@ -0,0 +1,90 @@
<template>
<article>
<div class="container">
<veui-loading
loading
ui="s"
>
s
</veui-loading>
<veui-loading
loading
ui="m"
>
m
</veui-loading>
<veui-loading
loading
ui="l"
>
l
</veui-loading>
</div>
<div class="container">
<veui-loading
loading
ui="strong s"
>
s
</veui-loading>
<veui-loading
loading
ui="strong m"
>
m
</veui-loading>
<veui-loading
loading
ui="strong l"
>
l
</veui-loading>
</div>
<div class="container">
<veui-loading
loading
class="reverse"
ui="reverse s"
>
s
</veui-loading>
<veui-loading
loading
class="reverse"
ui="reverse m"
>
m
</veui-loading>
<veui-loading
loading
class="reverse"
ui="reverse l"
>
l
</veui-loading>
</div>
</article>
</template>
<script>
import { Loading } from 'veui'
export default {
components: {
'veui-loading': Loading
}
}
</script>
<style lang="less" scoped docs-loading>
.reverse {
background: #ccc;
padding: 8px;
}
.veui-loading {
margin-left: 1em;
}
.container {
margin-bottom: 2em;
}
</style>

68
one/docs/demo/loading/slot.vue Normal file
View File

@@ -0,0 +1,68 @@
<template>
<article>
<div>
Custom icon-star:
<veui-loading
loading
ui="strong"
>
<template #spinner>
<veui-icon
spin
name="star"
/>
</template>
loading...
</veui-loading>
</div>
<div>
Custom icon-sun:
<veui-loading loading>
<template #spinner>
<veui-icon
spin
name="sun"
/>
</template>
loading...
</veui-loading>
</div>
<div>
Custom icon-umbrella:
<veui-loading
loading
ui="reverse"
class="reverse"
>
<template #spinner>
<veui-icon
spin
name="umbrella"
/>
</template>
loading...
</veui-loading>
</div>
</article>
</template>
<script>
import { Icon, Loading } from 'veui'
import 'vue-awesome/icons/sun'
import 'vue-awesome/icons/star'
import 'vue-awesome/icons/umbrella'
export default {
components: {
'veui-icon': Icon,
'veui-loading': Loading
}
}
</script>
<style lang="less" scoped docs>
.reverse {
background: #ccc;
padding: 8px;
}
</style>

43
one/docs/demo/loading/style.vue Normal file
View File

@@ -0,0 +1,43 @@
<template>
<article>
<veui-loading
loading
ui="normal"
>
Normal
</veui-loading>
<veui-loading
loading
ui="strong"
>
Strong
</veui-loading>
<veui-loading
loading
ui="reverse"
class="reverse"
>
Reverse
</veui-loading>
</article>
</template>
<script>
import { Loading } from 'veui'
export default {
components: {
'veui-loading': Loading
}
}
</script>
<style lang="less" scoped docs>
.veui-loading {
margin-left: 1em;
}
.reverse {
background: #ccc;
padding: 8px;
}
</style>