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

QQ登录

只需一步,快速开始

查看: 4120|回复: 12

[处理中6] 利用list组件显示,最后一行错位

[复制链接]

23

主题

125

帖子

272

积分

中级会员

Rank: 3Rank: 3

积分
272
QQ
发表于 2016-5-17 16:58:47 | 显示全部楼层 |阅读模式
利用list组件显示,在iPhone4和5上最后一行错位,而在iPhone6和6+上却正常显示,而且期望显示不全省略号代替的效果,结果却没有起到效果.下面的图分别为在iPhone4和5,还有在iPhone6和6+,以及设置溢出隐藏用...代替的代码
屏幕快照 2016-05-17 下午4.56.06.png
屏幕快照 2016-05-17 下午4.56.23.png
屏幕快照 2016-05-17 下午4.56.54.png

23

主题

125

帖子

272

积分

中级会员

Rank: 3Rank: 3

积分
272
QQ
 楼主| 发表于 2016-5-17 16:59:55 | 显示全部楼层
overflow:hidden也测试添加了,还是没有效果
回复 支持 反对

使用道具 举报

23

主题

125

帖子

272

积分

中级会员

Rank: 3Rank: 3

积分
272
QQ
 楼主| 发表于 2016-5-17 17:30:49 | 显示全部楼层
显示不开省略号代替已经出来了,但是错位显示还是没有办法解决
回复 支持 反对

使用道具 举报

发表于 2016-5-18 10:31:26 | 显示全部楼层
  风信子 发表于 2016-5-17 17:30
显示不开省略号代替已经出来了,但是错位显示还是没有办法解决

请使用chrome浏览器,调试调试下iPhone 4  5 的样式!对比看看到底是什么问题??
按理说。list中的样式每行显示都应该是一样的才对的!你可以参考对比下外卖案例中的做法!

当然如果重现方便的话,可以把资源发来,本地重现看看!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

23

主题

125

帖子

272

积分

中级会员

Rank: 3Rank: 3

积分
272
QQ
 楼主| 发表于 2016-5-20 09:54:58 | 显示全部楼层
liangyongfei 发表于 2016-5-18 10:31
请使用chrome浏览器,调试调试下iPhone 4  5 的样式!对比看看到底是什么问题??
按理说。list中的样式 ...

使用的是chrome浏览器,调试模式下4和5的样式都是错位的,最后一行右偏,重现很方便,但是根据公司要求,无法发送资源,请见谅.
回复 支持 反对

使用道具 举报

发表于 2016-5-20 11:49:26 | 显示全部楼层
  风信子 发表于 2016-5-20 09:54
使用的是chrome浏览器,调试模式下4和5的样式都是错位的,最后一行右偏,重现很方便,但是根据公司要求,无法 ...

你的list组件有没有设置特殊样式??
或者你做一个可以重现的小案例发来也行!
可以直接根据/UI2/system/components/justep/list/demo/news.w修改成你重现的样式然后发来看看!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

23

主题

125

帖子

272

积分

中级会员

Rank: 3Rank: 3

积分
272
QQ
 楼主| 发表于 2016-5-20 14:52:37 | 显示全部楼层
我重新做了一个测试页面,不过文件中没有包含数据库,在这边测试了一下,这个页面也出现了相同的效果,数据库部分麻烦各位大神补一下了,谢谢.

测试.zip

2.81 KB, 下载次数: 140

回复 支持 反对

使用道具 举报

发表于 2016-5-20 15:43:19 | 显示全部楼层
  风信子 发表于 2016-5-20 14:52
我重新做了一个测试页面,不过文件中没有包含数据库,在这边测试了一下,这个页面也出现了相同的效果,数据库部 ...

你好楼主,这个问题需要我在本地环境进行问题重现,所以会花费较长时间,请你耐心等待,我完成后会第一时间反馈结果,谢谢!2016052000026
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

23

主题

125

帖子

272

积分

中级会员

Rank: 3Rank: 3

积分
272
QQ
 楼主| 发表于 2016-5-20 16:22:00 | 显示全部楼层
liangyongfei 发表于 2016-5-20 15:43
你好楼主,这个问题需要我在本地环境进行问题重现,所以会花费较长时间,请你耐心等待,我完成后会第一时 ...

好的,期待您的好消息
回复 支持 反对

使用道具 举报

3

主题

95

帖子

75

积分

初级会员

Rank: 2

积分
75
QQ
发表于 2016-5-24 13:47:45 | 显示全部楼层
  风信子 发表于 2016-5-20 16:22
好的,期待您的好消息

楼主你好,应该是你最后一个SPAN的样式设置有问题,你想通过text-overflow:ellipsis;样式来实现点点点的效果,那么就不应该把span的宽度设为auto,应该有固定宽度。
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-24 03:39 , Processed in 0.107187 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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