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

QQ登录

只需一步,快速开始

查看: 19107|回复: 48

[分享] 给大家推荐一个前端比较好用的弹出框组件(layer)

  [复制链接]

89

主题

627

帖子

4216

积分

论坛元老

Rank: 8Rank: 8

积分
4216
QQ
发表于 2016-12-1 09:13:51 | 显示全部楼层 |阅读模式
来一波演示效果先
组件可通过参数来调节样式、动画、大小
有提示框(几秒之后小时),确认框,输入框,tip等等不胜枚举,更可贵的是你可以自己去定义HTML
官网在此http://layer.layui.com/
大家可以自己去看看
QQ截图20161201090551.jpg
QQ截图20161201090700.jpg
QQ截图20161201090816.jpg

评分

参与人数 1威望 +10 收起 理由
Hero丶浑人 + 10 神马都是浮云

查看全部评分

时也运也命也,非吾之所能也。

79

主题

581

帖子

3464

积分

论坛元老

Rank: 8Rank: 8

积分
3464
QQ
发表于 2016-12-1 09:30:21 | 显示全部楼层
好贴,赞赞赞

小尾巴~~世间万难,无非一拖二懒三不读书
回复 支持 1 反对 0

使用道具 举报

48

主题

157

帖子

287

积分

中级会员

Rank: 3Rank: 3

积分
287
QQ
发表于 2017-2-5 20:23:53 | 显示全部楼层
本帖最后由 WWG 于 2017-2-5 20:32 编辑

请问这个组件如何引入到我自己的页面中使用?
回复 支持 反对

使用道具 举报

9

主题

24

帖子

70

积分

初级会员

Rank: 2

积分
70
QQ
发表于 2017-2-6 14:12:59 | 显示全部楼层
WWG 发表于 2017-2-5 20:23
请问这个组件如何引入到我自己的页面中使用?

同问
回复 支持 反对

使用道具 举报

89

主题

627

帖子

4216

积分

论坛元老

Rank: 8Rank: 8

积分
4216
QQ
 楼主| 发表于 2017-2-7 09:10:34 | 显示全部楼层

去layer官网下载插件下来 然后在页面用引入js文件的方法引入插件 就可以使用
时也运也命也,非吾之所能也。
回复 支持 反对

使用道具 举报

89

主题

627

帖子

4216

积分

论坛元老

Rank: 8Rank: 8

积分
4216
QQ
 楼主| 发表于 2017-2-7 09:10:56 | 显示全部楼层
WWG 发表于 2017-2-5 20:23
请问这个组件如何引入到我自己的页面中使用?

去layer官网下载插件下来 然后在页面用引入js文件的方法引入插件 就可以使用
时也运也命也,非吾之所能也。
回复 支持 反对

使用道具 举报

34

主题

148

帖子

492

积分

中级会员

Rank: 3Rank: 3

积分
492
QQ
发表于 2017-2-7 10:43:27 | 显示全部楼层
看起来不错,可以试试
回复 支持 反对

使用道具 举报

3

主题

12

帖子

74

积分

初级会员

Rank: 2

积分
74
QQ
发表于 2017-2-7 15:27:34 | 显示全部楼层
var layer = require("$UI/system/components/justep/layer/layer");
JS调用后,直接
layer.alert(“111”);
这样不对吧
回复 支持 反对

使用道具 举报

89

主题

627

帖子

4216

积分

论坛元老

Rank: 8Rank: 8

积分
4216
QQ
 楼主| 发表于 2017-2-7 17:10:38 | 显示全部楼层
假如 发表于 2017-2-7 15:27
var layer = require("$UI/system/components/justep/layer/layer");
JS调用后,直接
layer.alert(“111” ...

require("$UI/system/components/justep/layer/layer");
直接这样就可以
时也运也命也,非吾之所能也。
回复 支持 反对

使用道具 举报

48

主题

157

帖子

287

积分

中级会员

Rank: 3Rank: 3

积分
287
QQ
发表于 2017-2-7 17:15:31 | 显示全部楼层
那下载下来的插件是要放在system/components/justep文件目录下吗,如我将js文件直接放在应用文件的根目录下可以吗?
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-4-20 02:08 , Processed in 0.093525 second(s), 31 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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