72 lines
1.7 KiB
Vue
72 lines
1.7 KiB
Vue
|
<script>
|
|||
|
|
import Basic from './basic.md'
|
|||
|
|
import Avatar from './avatar.md'
|
|||
|
|
import DefaultFileList from './defaultFileList.md'
|
|||
|
|
import PictureCard from './picture-card.md'
|
|||
|
|
import FileList from './fileList.md'
|
|||
|
|
import Drag from './drag.md'
|
|||
|
|
import PictureStyle from './picture-style.md'
|
|||
|
|
import UploadManually from './upload-manually.md'
|
|||
|
|
import CN from '../index.zh-CN.md'
|
|||
|
|
import US from '../index.en-US.md'
|
|||
|
|
|
|||
|
|
const md = {
|
|||
|
|
cn: `# 上传
|
|||
|
|
上传是将信息（网页、文字、图片、视频等）通过网页或者上传工具发布到远程服务器上的过程。
|
|||
|
|
## 何时使用
|
|||
|
|
- 当需要上传一个或一些文件时。
|
|||
|
|
- 当需要展现上传的进度时。
|
|||
|
|
- 当需要使用拖拽交互时。
|
|||
|
|
## 代码演示`,
|
|||
|
|
us: `# Upload
|
|||
|
|
Upload file by selecting or dragging.
|
|||
|
|
|
|||
|
|
|
|||
|
|
## When To Use
|
|||
|
|
|
|||
|
|
Uploading is the process of publishing information (web pages, text, pictures, video, etc.) to a remote server via a web page or upload tool.
|
|||
|
|
|
|||
|
|
- When you need to upload one or more files.
|
|||
|
|
- When you need to show the process of uploading.
|
|||
|
|
- When you need to upload files by dragging and dropping.
|
|||
|
|
## Examples
|
|||
|
|
`,
|
|||
|
|
}
|
|||
|
|
export default {
|
|||
|
|
category: 'Components',
|
|||
|
|
subtitle: '上传',
|
|||
|
|
type: 'Data Entry',
|
|||
|
|
title: 'Upload',
|
|||
|
|
render () {
|
|||
|
|
return (
|
|||
|
|
<div>
|
|||
|
|
<md cn={md.cn} us={md.us}/>
|
|||
|
|
<br/>
|
|||
|
|
<Basic />
|
|||
|
|
<br/>
|
|||
|
|
<Avatar />
|
|||
|
|
<br />
|
|||
|
|
<DefaultFileList />
|
|||
|
|
<br/>
|
|||
|
|
<PictureCard />
|
|||
|
|
<br/>
|
|||
|
|
<FileList />
|
|||
|
|
<br/>
|
|||
|
|
<Drag />
|
|||
|
|
<br/>
|
|||
|
|
<PictureStyle />
|
|||
|
|
<br/>
|
|||
|
|
<UploadManually />
|
|||
|
|
<br/>
|
|||
|
|
<api>
|
|||
|
|
<template slot='cn'>
|
|||
|
|
<CN/>
|
|||
|
|
</template>
|
|||
|
|
<US/>
|
|||
|
|
</api>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|