tingle-feedback
v1.0.0
Published
截图+反馈会话框
Downloads
3
Maintainers
betteryangjieReadme
tingle-component 
一句话描述 一张截图
Install
tnpm install @ali/tingle-component --saveSimple Usage
render() {
return (
<div>
<Feedback title=""
label="是否截图"
onStop={t.handleStop.bind(t)}
onDrag={t.handleDrag.bind(t)}
submitUrl="//daily.hatrip.alibaba.net/taxi/feedback/feedbackInfo.jsonp"
uploadScreenUrl="//daily.hatrip.alibaba.net/taxi/feedback/uploadScreenshotWithBase64.json"
submitSuccess={t.submitSuccess.bind(t)}
submitError={t.submitError.bind(t)}
feedbackIconHandle={t.handleFeedBack.bind(t)}
padx={10}
padTop={10}
padBottom={10}
module="用车"
icon={{name: 'feedback-server', fill: '#666'}}
locale= "zh_CN"/>
</div>
)
}
Props
className
- 描述：自定义样式的
class名称。 - 类型：
String - 默认：
'' - 必选：否
title
- 描述：弹出框显示的标题
- 类型：
String - 默认：
'' - 必选：否
label
- 描述：弹出框左侧的说明文字，不写即为留白
- 类型：
String - 默认：
'' - 必选：否
onStop
- 描述：松开图标时的回调函数
- 类型：
function - 默认：
null - 必选：否
- 参数：e The
SyntheticEventobject
onDrag
- 描述：滑动图标时的回调函数
- 类型：
function - 默认：
null - 必选：否
- 参数：e The
SyntheticEventobject
submitUrl
- 描述：提交反馈URL
- 类型：
String - 默认：
'' - 必选：是
uploadScreenUrl
- 描述：上传图片URL
- 类型：
String - 默认：
'' - 必选：否
submitSuccess
- 描述：成功回调函数
- 类型：
function - 默认：
null - 必选：否
- 参数：type 上传图片（UIMG）或者提交反馈（SFB）的回调函数
- 参数：res 成功信息详情
submitError
- 描述：成功回调函数
- 类型：
function - 默认：
null - 必选：否
- 参数：type 同submitSuccess
- 参数：res 失败信息详情
feedbackIconHandle
- 描述：点击图标回调函数
- 类型：
function - 默认：
null - 必选：否
- 参数：e The
SyntheticEventobject
padx
- 描述：图标停靠距离左端或者右端的距离
- 类型：
String - 默认：
10px - 必选：否
padTop
- 描述：图标停靠距离顶部的距离
- 类型：
String - 默认：
10px - 必选：否
padBottom
- 描述：图标停靠距离底部的距离
- 类型：
String - 默认：
10px - 必选：否
icon
- 描述：图标停靠距离底部的距离
- 类型：
object - 默认：
{name: 'feedback-server', fill: '#666'} - 必选：否
locale
- 描述：国际化(包括 zh_CN, en_US)
- 类型：
string - 默认：
zh_CN - 必选：否