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

docs: update docs

Browse Source 
Change-Id: I76d0f72679cd75085f5ffd42f641daa198cafe11

docs: update docs for alert/autocomplete/carousel, etc.

Change-Id: Ib7507f4979024f53c127e4b64b88560b93999db7

fix: update for autocomplete filter

Change-Id: Ie54556715fa52838aeb6caaa19b4f9a9f14b490f

docs: add docs for calendar/transfer/cascader

Change-Id: I655b3cb3d25dd0649de9ae7e224e7063a40dd079

fix: add more demos for input/textarea

Change-Id: Iada527ca82643a435a4775110b332155512d62a7

docs: add docs for uploader,select,table, etc.

Change-Id: Ib034fd5cc9d9a420d4e002956ae925175783c5f3

docs: adjust formatting and punc.

docs: adjust docs for uploader, etc.

Change-Id: If06c8c1102eafce43f5802a333676fc9e62cd474

docs: add docs for nav

Change-Id: If56a653ec53f19239606128fd30cae80f8e10025

docs: improve anchor demos

Change-Id: I6ac1c08cc8905924d0062def1f8921fe1f302f15

docs: refine wording and format

docs: update docs for check-button-group desc

Change-Id: Ica7d6d0692250f0be6bd330b1ad4cc41938afd46
This commit is contained in:
Justineo
2021-09-16 19:23:58 +08:00
committed by GU Yiling
parent 4a257c3680
commit 32632e796e
75 changed files with 3360 additions and 411 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
one/docs/demo/uploader/controls.vue Normal file
View File

@@ -0,0 +1,57 @@
<template>
<article>
<section>
<veui-uploader
v-model="images"
:controls="controls"
type="image"
action="https://app.fakejson.com/q/ELymQ7xh?token=AWFkjMICPSAB_bO_z-Lnog"
@star="handleStar"
/>
</section>
</article>
</template>
<script>
import { Uploader, toast } from 'veui'
import 'veui-theme-dls-icons/star'
export default {
components: {
'veui-uploader': Uploader
},
data () {
return {
images: [
{
key: 0,
src: '/images/development/uploader/demo-image1.jpg'
},
{
key: 1,
src: '/images/development/uploader/demo-image2.jpg'
}
],
controls (item, defaultControls) {
return [
...defaultControls,
{
name: 'star',
icon: 'star',
label: 'star'
}
]
}
}
},
methods: {
handleStar () {
toast.info('You click star!')
}
}
}
</script>
<docs>
用 `controls` 自定义的操作，点击会触发同名事件，事件参数为该上传项数据和 `status` 字段, 即通常是 `{src, key, type, status, ...}`。
</docs>

2
one/docs/demo/uploader/custom.vue
View File

@@ -30,9 +30,11 @@ export default {
action: 'https://app.fakejson.com/q/ELymQ7xh?token=AWFkjMICPSAB_bO_z-Lnog',
images: [
{
key: 0,
src: '/images/development/uploader/demo-image1.jpg'
},
{
key: 1,
src: '/images/development/uploader/demo-image2.jpg'
}
],

57
one/docs/demo/uploader/entries.vue Normal file
View File

@@ -0,0 +1,57 @@
<template>
<article>
<section>
<veui-uploader
v-model="images"
:entries="entries"
type="image"
action="https://app.fakejson.com/q/ELymQ7xh?token=AWFkjMICPSAB_bO_z-Lnog"
@star="handleStar"
/>
</section>
</article>
</template>
<script>
import { Uploader, toast } from 'veui'
import 'veui-theme-dls-icons/star'
export default {
components: {
'veui-uploader': Uploader
},
data () {
return {
images: [
{
key: 0,
src: '/images/development/uploader/demo-image1.jpg'
},
{
key: 1,
src: '/images/development/uploader/demo-image2.jpg'
}
],
entries (defaultEntries) {
return [
...defaultEntries,
{
name: 'star',
icon: 'star',
label: 'star'
}
]
}
}
},
methods: {
handleStar () {
toast.info('You clicked star!')
}
}
}
</script>
<docs>
用 `entries` 自定义的操作，点击会触发同名事件，事件参数为空。
</docs>

6
one/docs/demo/uploader/file.vue
View File

@@ -30,11 +30,13 @@ export default {
let files = [
{
name: 'demo-file1.txt',
src: '/file/demo-file1.txt'
src: '/file/demo-file1.txt',
key: 0
},
{
name: 'demo-file2.txt',
src: '/file/demo-file2.txt'
src: '/file/demo-file2.txt',
key: 1
}
]
return {

6
one/docs/demo/uploader/image.vue
View File

@@ -39,10 +39,12 @@ export default {
data () {
let images = [
{
src: '/images/development/uploader/demo-image1.jpg'
src: '/images/development/uploader/demo-image1.jpg',
key: 0
},
{
src: '/images/development/uploader/demo-image2.jpg'
src: '/images/development/uploader/demo-image2.jpg',
key: 1
}
]
return {

6
one/docs/demo/uploader/media.vue
View File

@@ -40,12 +40,14 @@ export default {
let media = [
{
type: 'image',
src: '/images/development/uploader/demo-image1.jpg'
src: '/images/development/uploader/demo-image1.jpg',
key: 0
},
{
type: 'video',
src: 'https://nadvideo2.baidu.com/5dafd8544f4f53b27a5f59b0ab780403_1920_1080.mp4',
poster: 'https://feed-image.baidu.com/0/pic/4dced79d185a16e228652b136f653dcc.jpg'
poster: 'https://feed-image.baidu.com/0/pic/4dced79d185a16e228652b136f653dcc.jpg',
key: 1
}
]
return {

36
one/docs/demo/uploader/sortable.vue Normal file
View File

@@ -0,0 +1,36 @@
<template>
<article>
<section>
<veui-uploader
v-model="images"
sortable
type="image"
action="https://app.fakejson.com/q/ELymQ7xh?token=AWFkjMICPSAB_bO_z-Lnog"
/>
</section>
</article>
</template>
<script>
import { Uploader } from 'veui'
export default {
components: {
'veui-uploader': Uploader
},
data () {
return {
images: [
{
key: 0,
src: '/images/development/uploader/demo-image1.jpg'
},
{
key: 1,
src: '/images/development/uploader/demo-image2.jpg'
}
]
}
}
}
</script>

6
one/docs/demo/uploader/validate.vue
View File

@@ -29,10 +29,12 @@ export default {
return {
images: [
{
src: '/images/development/uploader/demo-image1.jpg'
src: '/images/development/uploader/demo-image1.jpg',
key: 0
},
{
src: '/images/development/uploader/demo-image2.jpg'
src: '/images/development/uploader/demo-image2.jpg',
key: 1
}
],
validator (file) {