请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
显示全部楼层
380
帖子
4
勋章
6
Y币

UIAlert - 霸气的对话框

[复制链接]
发表于 2019-7-31 17:33:57
UIAlert 模块封装了一些目前在 android & ios平台比较流行的对话框。
接口还在补充中。


文档地址:
https://docs.apicloud.com/Client-API/UI-Layout/UIAlert

效果图:



提醒1:图标可用2倍图,避免高清屏幕图片有锯齿。
提醒2:添加模块,编译自定义loader测试。
  1. var UIAlert = api.require('UIAlert');
  2.         UIAlert.invite({
  3.             data: {
  4.                 avator: 'widget://image/account.png',
  5.                 name: 'Jack Ma Ma MA',
  6.                 title: '高级上尉王者荣耀',
  7.                 description: '向你发起挑战……',
  8.                 duration: 15000, //单位ms
  9.                 tips: '倒计时结束...',
  10.                 leftBtnTitle: '拒绝',
  11.                 rightBtnTitle: '接受'
  12.             },
  13.             styles: {
  14.                 w: 340,
  15.                 h: 400,
  16.                 bgColor: '#FFF',
  17.                 avator: {
  18.                     size: 45,
  19.                     marginTop: 30,
  20.                 },
  21.                 name: {
  22.                     size: 14,
  23.                     color: '#1C86EE',
  24.                     marginTop: 5
  25.                 },
  26.                 title: {
  27.                     size: 20,
  28.                     color: '#4F4F4F',
  29.                     marginTop: 10,
  30.                 },
  31.                 description: {
  32.                     size: 20,
  33.                     color: '#000',
  34.                     marginTop: 10,
  35.                 },
  36.                 timer: {
  37.                     size: 100,
  38.                     progressNormalColor: '#EEEE00', //蓝色
  39.                     progressHightlightColor: '#DC143C', //灰色
  40.                     marginTop: 20,
  41.                 },
  42.                 tips: {
  43.                     size: 14,
  44.                     color: '#1C86EE',
  45.                     marginTop: 10
  46.                 },
  47.                 leftBtn: {
  48.                     w: 60,
  49.                     h: 40,
  50.                     color: '#FFF',
  51.                     size: 12,
  52.                     corner: 5,
  53.                     bgColor: '#DC143C'
  54.                 },
  55.                 rightBtn: {
  56.                     w: 60,
  57.                     h: 40,
  58.                     color: '#FFF',
  59.                     size: 12,
  60.                     corner: 5,
  61.                     bgColor: '#1C86EE',
  62.                     marginLeft: 40
  63.                 }
  64.             }
  65.         }, function(ret) {
  66.             alert(JSON.stringify(ret));
  67.         });
复制代码


本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
9
帖子
0
勋章
5634
Y币
嘴强王者
3
帖子
0
勋章
22
Y币
很好支持下谢谢
90
帖子
2
勋章
2237
Y币
这个对话框有点小复杂哦。
2
帖子
0
勋章
2098
Y币
厉害厉害 感谢分享
37
帖子
2
勋章
3711
Y币
支持支持
2
帖子
0
勋章
42
Y币
支持下
3
帖子
0
勋章
12
Y币
支持
0
帖子
0
勋章
Y币
这个好像有别的模块有冲突
您需要登录后才可以回帖 登录

本版积分规则