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

57
one/docs/demo/tabs/disabled.vue Normal file
View File

@@ -0,0 +1,57 @@
<template>
<article>
<veui-tabs :index.sync="index">
<veui-tab label="Tab1">
<p>This is Tab1</p>
</veui-tab>
<veui-tab
label="Tab2"
disabled
>
<p>This is Tab2</p>
</veui-tab>
<veui-tab label="Tab3">
<p>This is Tab3</p>
</veui-tab>
<veui-tab label="Tab4">
<p>This is Tab4</p>
</veui-tab>
</veui-tabs>
<veui-tabs
ui="strong"
:index.sync="index"
>
<veui-tab label="Tab1">
<p>This is Tab1</p>
</veui-tab>
<veui-tab
label="Tab2"
disabled
>
<p>This is Tab2</p>
</veui-tab>
<veui-tab label="Tab3">
<p>This is Tab3</p>
</veui-tab>
<veui-tab label="Tab4">
<p>This is Tab4</p>
</veui-tab>
</veui-tabs>
</article>
</template>
<script>
import { Tabs, Tab } from 'veui'
export default {
components: {
'veui-tabs': Tabs,
'veui-tab': Tab
},
data () {
return {
index: 0
}
}
}
</script>

46
one/docs/demo/tabs/route.vue Normal file
View File

@@ -0,0 +1,46 @@
<template>
<article>
<veui-tabs :active="$route.fullPath">
<veui-tab
label="Tab 1"
to="/components/tabs/tab"
/>
<veui-tab
label="Tab 2"
to="/components/tabs/tab2"
/>
<veui-tab
label="Tab 3 (custom panel slot)"
to="/components/tabs/tab3"
>
<h3>Tab Header</h3>
<router-view/>
<footer>Tab footer</footer>
</veui-tab>
<veui-tab
label="Redirect to Form"
to="/components/form"
/>
<template #panel>
<router-view/>
</template>
</veui-tabs>
</article>
</template>
<script>
import { Tabs, Tab } from 'veui'
export default {
components: {
'veui-tabs': Tabs,
'veui-tab': Tab
},
data () {
return {
active: 'answers',
index: 0
}
}
}
</script>

73
one/docs/demo/tabs/size.vue Normal file
View File

@@ -0,0 +1,73 @@
<template>
<article>
<veui-tabs
ui="l"
:active.sync="active"
>
<veui-tab
label="回答问题"
name="answers"
/>
<veui-tab
label="文章评论"
name="articles"
/>
<veui-tab
label="分享朋友圈"
name="shares"
/>
</veui-tabs>
<veui-tabs
:active.sync="active"
>
<veui-tab
label="回答问题"
name="answers"
/>
<veui-tab
label="文章评论"
name="articles"
/>
<veui-tab
label="分享朋友圈"
name="shares"
/>
</veui-tabs>
<veui-tabs
ui="s"
:active.sync="active"
>
<veui-tab
label="回答问题"
name="answers"
/>
<veui-tab
label="文章评论"
name="articles"
/>
<veui-tab
label="分享朋友圈"
name="shares"
status="success"
/>
</veui-tabs>
</article>
</template>
<script>
import { Tabs, Tab } from 'veui'
export default {
components: {
'veui-tabs': Tabs,
'veui-tab': Tab
},
data () {
return {
active: 'answers'
}
}
}
</script>

72
one/docs/demo/tabs/style.vue Normal file
View File

@@ -0,0 +1,72 @@
<template>
<article>
<section>
<h4>Simple style</h4>
<veui-tabs
ui="simple"
:active.sync="active"
>
<veui-tab
label="回答问题"
name="answers"
/>
<veui-tab
label="文章评论"
name="articles"
status="error"
/>
<veui-tab
label="分享朋友圈"
name="shares"
/>
</veui-tabs>
</section>
<section>
<h4>Strong style</h4>
<veui-tabs
ui="strong"
:active.sync="active"
>
<veui-tab
label="回答问题"
name="answers"
status="warning"
/>
<veui-tab
label="文章评论"
name="articles"
/>
<veui-tab
label="分享朋友圈"
name="shares"
/>
</veui-tabs>
</section>
</article>
</template>
<script>
import { Tabs, Tab } from 'veui'
export default {
components: {
'veui-tabs': Tabs,
'veui-tab': Tab
},
data () {
return {
active: 'answers'
}
}
}
</script>
<style lang="less" docs scoped>
section {
margin-bottom: 20px;
}
h4 {
margin-top: 0;
}
</style>