41 lines
1.4 KiB
Plaintext
41 lines
1.4 KiB
Plaintext
|
<t-navbar title="Upload" leftArrow />
|
|||
|
|
<view class="demo">
|
|||
|
|
<t-demo-header title="Upload 上传" notice="渲染框架支持情况：WebView">
|
|||
|
|
<view slot="desc">
|
|||
|
|
用于相册读取或拉起拍照的图片上传功能。<text style="color: var(--td-brand-color)"
|
|||
|
|
>（为避免涉及用户隐私，Upload 组件示例均为禁用态，使用时请自行取消禁用态，以便正常使用上传功能。）</text
|
|||
|
|
>
|
|||
|
|
</view>
|
|||
|
|
</t-demo-header>
|
|||
|
|
<t-demo title="01 组件类型" desc="单选上传图片">
|
|||
|
|
<view class="upload-demo">
|
|||
|
|
<view class="upload-demo__title">上传图片</view>
|
|||
|
|
<single />
|
|||
|
|
</view>
|
|||
|
|
</t-demo>
|
|||
|
|
<t-demo title="" desc="多选上传图片">
|
|||
|
|
<view class="upload-demo">
|
|||
|
|
<view class="upload-demo__title">上传图片</view>
|
|||
|
|
<multiple />
|
|||
|
|
</view>
|
|||
|
|
</t-demo>
|
|||
|
|
<t-demo title="" desc="长按拖拽排序图片">
|
|||
|
|
<view class="upload-demo">
|
|||
|
|
<view class="upload-demo__title">上传图片</view>
|
|||
|
|
<drag />
|
|||
|
|
</view>
|
|||
|
|
</t-demo>
|
|||
|
|
<t-demo title="02 组件状态" desc="加载状态">
|
|||
|
|
<view class="upload-demo">
|
|||
|
|
<view class="upload-demo__title">上传图片</view>
|
|||
|
|
<status />
|
|||
|
|
</view>
|
|||
|
|
</t-demo>
|
|||
|
|
<t-demo title="" desc="从聊天记录上选">
|
|||
|
|
<view class="upload-demo">
|
|||
|
|
<view class="upload-demo__title">上传图片</view>
|
|||
|
|
<messageFile />
|
|||
|
|
</view>
|
|||
|
|
</t-demo>
|
|||
|
|
</view>
|