更新记录
1.0.0(2024-12-02)
下载此版本
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.8.3 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
× |
√ |
√ |
√ |
o-result
用于对用户的操作结果或者异常状态做反馈。
使用方法
<template>
<view>
<o-result icon="success" title="成功提示" sub-title="请按照指示操作">
<o-btn type="success" size="sm" @click="retn">返回</o-btn>
</o-result>
<o-divider line-color="#e2e2e2" />
<o-result icon="warning" title="警告提示" sub-title="请按照指示操作">
<o-btn type="warning" size="sm" @click="retn">返回</o-btn>
</o-result>
<o-divider line-color="#e2e2e2" />
<o-result icon="info" title="信息提示" sub-title="请按照指示操作">
<o-btn type="info" size="sm" @click="retn">返回</o-btn>
</o-result>
<o-divider line-color="#e2e2e2" />
<o-result icon="error" title="错误提示" sub-title="请按照指示操作">
<o-btn type="error" size="sm" @click="retn">返回</o-btn>
</o-result>
<o-divider line-color="#e2e2e2" />
<o-result icon="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/gh_33446d7f7a26_430.jpg" title="自定义图片" sub-title="秀儿,这个是自定义图片">
<o-btn type="info" size="sm" @click="retn">返回</o-btn>
</o-result>
</view>
</template>
o-result API
属性名 |
类型 |
说明 |
默认值 |
可选值 |
title |
string |
result 组件的标题 |
- |
|
sub-title |
string |
result 组件的副标题 |
- |
|
icon |
string |
result 组件的图标类型 |
info |
success、warning、info、error、自定义图片 |
o-result Slots
名称 |
说明 |
default |
o-result自定义内容插槽 |