起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2229|回复: 9

[结贴] hint关闭按钮样式控制

[复制链接]

18

主题

63

帖子

167

积分

初级会员

Rank: 2

积分
167
QQ
发表于 2017-7-26 17:04:42 | 显示全部楼层 |阅读模式
本帖最后由 紫色的雪 于 2017-7-26 17:21 编辑

我想将平台自带的错误提示消息改成稍微友好的方式提示给用户,修改了/UI2/system/lib/base/error.js文件中的错误提示相的代码。但是,在error.js文件中,我只会用hint来提示。为了醒目一点就把字体调大了,但是关闭按钮就显得很小,总是点不到,请问有什么方式可以将关闭按钮调大一点吗?
justep.Util.hint("对不起,访问服务器错误,请检查网络后重试!", {"delay" : 15000});
$(".x-hint").find("button[class='close']").set({"style" : "font-size:20px;width:15px;height:15px"});

我用了这种方式想设置关闭按钮的样式 但是好像没什么效果。
其实在这里用hint提示的形式不是很满意,error.js文件中除了能用hint,能不能实现类似messageDialog控件一样提示效果?

发表于 2017-7-26 17:10:26 | 显示全部楼层
http://docs.wex5.com/wex5-ui-question-list-2111/

可以自己F12调试修改 样式看看
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

18

主题

63

帖子

167

积分

初级会员

Rank: 2

积分
167
QQ
 楼主| 发表于 2017-7-26 17:22:24 | 显示全部楼层
liangyongfei 发表于 2017-7-26 17:10
http://docs.wex5.com/wex5-ui-question-list-2111/

可以自己F12调试修改 样式看看

不好意思,那会没有编辑完就不小心发出去了。
我想将平台自带的错误提示消息改成稍微友好的方式提示给用户,修改了/UI2/system/lib/base/error.js文件中的错误提示相的代码。但是,在error.js文件中,我只会用hint来提示。为了醒目一点就把字体调大了,但是关闭按钮就显得很小,总是点不到,请问有什么方式可以将关闭按钮调大一点吗?
justep.Util.hint("对不起,访问服务器错误,请检查网络后重试!", {"delay" : 15000});
$(".x-hint").find("button[class='close']").set({"style" : "font-size:20px;width:15px;height:15px"});

我用了这种方式想设置关闭按钮的样式 但是好像没什么效果。
其实在这里用hint提示的形式不是很满意,error.js文件中除了能用hint,能不能实现类似messageDialog控件一样提示效果?
回复 支持 反对

使用道具 举报

18

主题

63

帖子

167

积分

初级会员

Rank: 2

积分
167
QQ
 楼主| 发表于 2017-7-26 17:32:47 | 显示全部楼层
liangyongfei 发表于 2017-7-26 17:10
http://docs.wex5.com/wex5-ui-question-list-2111/

可以自己F12调试修改 样式看看

我是想修改关闭按钮的样式。
回复 支持 反对

使用道具 举报

18

主题

63

帖子

167

积分

初级会员

Rank: 2

积分
167
QQ
 楼主| 发表于 2017-7-26 17:33:07 | 显示全部楼层
liangyongfei 发表于 2017-7-26 17:10
http://docs.wex5.com/wex5-ui-question-list-2111/

可以自己F12调试修改 样式看看

我是想修改关闭按钮的样式。
回复 支持 反对

使用道具 举报

18

主题

63

帖子

167

积分

初级会员

Rank: 2

积分
167
QQ
 楼主| 发表于 2017-7-26 17:33:43 | 显示全部楼层
liangyongfei 发表于 2017-7-26 17:10
http://docs.wex5.com/wex5-ui-question-list-2111/

可以自己F12调试修改 样式看看

我是想修改关闭按钮的样式。
回复 支持 反对

使用道具 举报

发表于 2017-7-26 17:55:52 | 显示全部楼层
紫色的雪 发表于 2017-7-26 17:32
我是想修改关闭按钮的样式。

在外面定义一个css文件,重新样式
  1. .close {
  2.     font-size: 100px;
  3. }
复制代码



然后当前w页面引入这个css 即可!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

18

主题

63

帖子

167

积分

初级会员

Rank: 2

积分
167
QQ
 楼主| 发表于 2017-7-26 19:33:56 | 显示全部楼层
liangyongfei 发表于 2017-7-26 17:55
在外面定义一个css文件,重新样式

但是hint我是写在/UI2/system/lib/base/error.js里的,这里可以引用css文件吗?
回复 支持 反对

使用道具 举报

发表于 2017-7-27 09:23:23 | 显示全部楼层
紫色的雪 发表于 2017-7-26 19:33
但是hint我是写在/UI2/system/lib/base/error.js里的,这里可以引用css文件吗?

可以啊!,在js中引入css也行
http://doc.wex5.com/js-module-02/
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

18

主题

63

帖子

167

积分

初级会员

Rank: 2

积分
167
QQ
 楼主| 发表于 2017-7-27 11:12:22 | 显示全部楼层
liangyongfei 发表于 2017-7-27 09:23
可以啊!,在js中引入css也行
http://doc.wex5.com/js-module-02/

哦哦,明白了。谢谢您啦。请结帖吧。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-9-23 20:18 , Processed in 0.072871 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表