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

QQ登录

只需一步,快速开始

查看: 2061|回复: 9

[处理中3] 有没有滑动的组件

[复制链接]

57

主题

260

帖子

588

积分

高级会员

Rank: 4

积分
588
QQ
发表于 2017-10-31 16:36:20 | 显示全部楼层 |阅读模式
就是点击一个按钮,实现从一个方位滑出一个新的页面。并且是可以去设置大小的!

类似效果

类似效果
发表于 2017-10-31 16:52:36 | 显示全部楼层
滑出新的页面,可以使用windowDialog

关于windowDialog 动画可以参考
http://doc.wex5.com/comps-windowdialog/
5、windowDialog打开关闭对话框的动画效果

指定windowDialog 位置
this.comp("windowDialog").set({"top":"500px",left:"500px"});
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

57

主题

260

帖子

588

积分

高级会员

Rank: 4

积分
588
QQ
 楼主| 发表于 2017-10-31 17:31:38 | 显示全部楼层
本帖最后由 hh1992 于 2017-10-31 17:43 编辑
liangyongfei 发表于 2017-10-31 16:52
滑出新的页面,可以使用windowDialog

关于windowDialog 动画可以参考

有点不明白,这个不需要写路径的嘛?不是一个传,一个接收嘛?这样不是打开了一个新的页面?

有点不懂

有点不懂
回复 支持 反对

使用道具 举报

发表于 2017-10-31 18:07:46 | 显示全部楼层
hh1992 发表于 2017-10-31 17:31
有点不明白,这个不需要写路径的嘛?不是一个传,一个接收嘛?这样不是打开了一个新的页面? ...

是的啊!如果使用windowDialog ,就是打开了一个新页面的!

如果不打开新页面!你可以尝试使用popOver组件 ,实现你的效果!popOver 上放置dom元素实现!
不过 css动画需要自己实现了!  popOver 没有提供css动画的案例
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

57

主题

260

帖子

588

积分

高级会员

Rank: 4

积分
588
QQ
 楼主| 发表于 2017-11-1 08:36:20 | 显示全部楼层
liangyongfei 发表于 2017-10-31 18:07
是的啊!如果使用windowDialog ,就是打开了一个新页面的!

如果不打开新页面!你可以尝试使用popOver组 ...

那这个popover达到这个类似嵌入的效果,尺寸大小怎么调整啊?和windowDialog一样嘛??
回复 支持 反对

使用道具 举报

发表于 2017-11-1 10:29:03 | 显示全部楼层
hh1992 发表于 2017-11-1 08:36
那这个popover达到这个类似嵌入的效果,尺寸大小怎么调整啊?和windowDialog一样嘛?? ...

popOver  案例你看下吧!
/UI2/system/components/justep/popOver/demo/base.w
其实就是弹出一个遮罩!

你再遮罩上放置dom元素自己实现的!  就是相当于上层遮罩自己实现一个弹出页的效果!

所以我觉得windowDialog 做应该更容易一些!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

57

主题

260

帖子

588

积分

高级会员

Rank: 4

积分
588
QQ
 楼主| 发表于 2017-11-1 10:39:59 | 显示全部楼层
本帖最后由 hh1992 于 2017-11-1 10:42 编辑
liangyongfei 发表于 2017-11-1 10:29
popOver  案例你看下吧!
/UI2/system/components/justep/popOver/demo/base.w
其实就是弹出一个遮罩!

用windowDialog的话就是跳转了一个新的页面啊,而我这个图片上就是在本页面跳出一个弹框。。点击空白的位置弹框会消失!这个popover我bex5也用过。。我就想知道这个能够通过位置调成和页面大小尺寸就如同我那图片的样式嘛。。和主页面大小一样,只占半个页面
回复 支持 反对

使用道具 举报

发表于 2017-11-1 11:33:12 | 显示全部楼层
hh1992 发表于 2017-11-1 10:39
用windowDialog的话就是跳转了一个新的页面啊,而我这个图片上就是在本页面跳出一个弹框。。点击空白的位 ...

windowDialog  打开 图片URL 也可以作为参数传递过去!数据显示也肯定没问题的!
popOver 我做了一个案例

根据 /UI2/system/components/justep/popOver/demo/base.w 修改了一下!调整 了一下样式!实现了你想要的效果!

demo.rar

40.14 KB, 下载次数: 61

qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

57

主题

260

帖子

588

积分

高级会员

Rank: 4

积分
588
QQ
 楼主| 发表于 2017-11-1 14:58:05 | 显示全部楼层
本帖最后由 hh1992 于 2017-11-1 14:59 编辑
liangyongfei 发表于 2017-11-1 11:33
windowDialog  打开 图片URL 也可以作为参数传递过去!数据显示也肯定没问题的!
popOver 我做了一个案例 ...

多谢了,这种页面可以设置组件的底层为全白嘛?
QQ图片20171101145900.png
回复 支持 反对

使用道具 举报

发表于 2017-11-1 15:00:05 | 显示全部楼层
hh1992 发表于 2017-11-1 14:58
多谢了,这种页面可以设置组件的底层为全白嘛?

可以!通过css样式就可以控制!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-7-1 09:51 , Processed in 0.115149 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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