/*
Title: customToast
Description: 自定義Toast,讓Toast更完美的融入應(yīng)用,不影響應(yīng)用的整體美觀
*/
<div class="outline">
toast
</div>
概述
customToast 彈出一個(gè)定時(shí)自動(dòng)關(guān)閉的提示框,自定義Toast,自定義提示框顏色、透明度、字體大小、字體顏色、圓角幅度,顯示時(shí)間;讓Toast更完美的融入應(yīng)用,不影響應(yīng)用的整體美觀
顯示提示框
toast({params})
toast({params})
params
具體參數(shù)
{
msg : "holle world!!",
msgSize : "23",
msgColor : "#D52B2B",
location : "center",
ico:"widget://res/img/apicloud.png",
icoLocation : "top",
duration : "2000",
bgColor : "#76916F",
roundRadius : "100",
alpha : "100"
}
msg:
- 類型:字符串
- 默認(rèn)值:無(wú)
- 描述:提示消息
msgSize:
- 類型:字符串
- 默認(rèn)值:無(wú)
- 描述:(可選項(xiàng))文字大小
- 取值范圍:
msgColor:
- 類型:字符串
- 默認(rèn)值:#FFFFFF
- 描述:(可選項(xiàng))文字顏色,顏色值參考:#FFFFFF
location:
- 類型:字符串
- 默認(rèn)值:bottom
- 描述:(可選項(xiàng))提示框顯示位置,分為上(top) 中(center) 下(bottom)
ico:
- 類型:字符串
- 默認(rèn)值:無(wú)
- 描述:(可選項(xiàng))圖標(biāo),路徑格式:widget://res/img/apicloud.png
icoLocation:
- 類型:字符串
- 默認(rèn)值:left
- 描述:(可選項(xiàng))圖標(biāo)顯示位置,ico參數(shù)設(shè)置后有效,分為:上(top) 下(bottom) 左(left) 右(right)
duration:
- 類型:字符串
- 默認(rèn)值:有
- 描述:(可選項(xiàng))持續(xù)時(shí)長(zhǎng),單位:毫秒
bgColor:
- 類型:字符串
- 默認(rèn)值:無(wú)
- 描述:提示框背景顏色,顏色值參考:#000000
roundRadius:
- 類型:字符串
- 默認(rèn)值:無(wú)
- 描述:(可選項(xiàng))設(shè)置提示框圓角度
- 取值范圍:0~100
alpha:
- 類型:字符串
- 默認(rèn)值:無(wú)
- 描述:設(shè)置提示框透明度
- 取值范圍:0~255
默認(rèn)調(diào)用示例代碼
var toastApi = api.require('ToastApi');
toastApi.toast({msg : "holle world!!"});
自定義調(diào)用示例代碼
var toastApi = api.require('ToastApi');
var param = {
msg : "holle world!!",
msgSize : "23",
msgColor : "#D52B2B",
location : "center",
icoLocation : "top",
duration : "2000",
bgColor : "#76916F",
roundRadius : "100",
alpha : "100"
};
toastApi.toast(param);
可用性
iOS系統(tǒng),Android系統(tǒng)
可提供的1.0.0及更高版本