PhoneGap中文网

 找回密码
 立即注册
查看: 49206|回复: 11
打印 上一主题 下一主题

Ionic ActionSheet样式显示不正确问题

[复制链接]

4

主题

25

帖子

65

积分

注册会员

Rank: 2

积分
65
跳转到指定楼层
楼主
发表于 2015-10-30 09:30:52 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
在电脑端显示很正常的CSS,打包到安卓手机之后,却出现了样式不显示的问题,各位大神童鞋有遇到过这样的问题吗?请指教~~安卓手机测试,系统都在4.0以上,ionic包版本v1.1.0
补充:我的这个APP在20号发布的版本可以正常显示的, ionic.min.css版本Ionic, v1.0.0-beta.14,后来24号发布的版本出现了这个问题,当时版本 ionic.min.css 已经换了Ionic, v1.1.0,这是SVN的记录,不知道是不是这个问题。
电脑端正常显示: 手机端却出现显示不正常的情况


回复

使用道具 举报

7

主题

36

帖子

207

积分

中级会员

Rank: 3Rank: 3

积分
207
推荐
发表于 2015-10-30 14:14:07 | 只看该作者
本帖最后由 尘往风中吹 于 2015-10-30 14:20 编辑
timtimup 发表于 2015-10-30 13:44
老兄,什么文件的2977-2999行?为什么我打开ionic.min.css,不显示行号啊,是哪个文件呢? ...

不是ionic.min.css  是ionic.css    ionic.min.css 是压缩过的,空格 注释 回车都没有了  在txt里面只有一条很长很长的css 所以有行号 只有一条。 ionic.css就没有压缩 所以格式和注释都有 所以就有行号了
回复 支持 1 反对 0

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
沙发
发表于 2015-10-30 09:52:43 | 只看该作者
android 手机端就是这样的,可以自己修改一下css样式的

在ionic.css 里面屏蔽掉下面的css,  下面的就是对android的特殊样式   3788行左右,或者搜索action  找找


/*

.platform-android .action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.2); }

.platform-android .action-sheet {
  margin: 0; }
  .platform-android .action-sheet .action-sheet-title,
  .platform-android .action-sheet .button {
    text-align: left;
    border-color: transparent;
    font-size: 16px;
    color: inherit; }
  .platform-android .action-sheet .action-sheet-title {
    font-size: 14px;
    padding: 16px;
    color: #666; }
  .platform-android .action-sheet .button.active,
  .platform-android .action-sheet .button.activated {
    background: #e8e8e8; }

.platform-android .action-sheet-group {
  margin: 0;
  border-radius: 0;
  background-color: #fafafa; }

.platform-android .action-sheet-cancel {
  display: none; }

.platform-android .action-sheet-has-icons .button {
  padding-left: 56px; }
*/
回复 支持 反对

使用道具 举报

4

主题

25

帖子

65

积分

注册会员

Rank: 2

积分
65
板凳
 楼主| 发表于 2015-10-30 09:58:25 | 只看该作者
admin 发表于 2015-10-30 09:52
android 手机端就是这样的,可以自己修改一下css样式的

没有亲,这个APP的版本是更新过的,之前有一个App版本是可以正常显示的,在android机子上绝对是可以像电脑端上显示正常的,就是不知道在迭代后面的版本时,哪里出了冲突。
回复 支持 反对

使用道具 举报

7

主题

36

帖子

207

积分

中级会员

Rank: 3Rank: 3

积分
207
地板
发表于 2015-10-30 10:48:11 | 只看该作者
我也是遇到这个问题了
回复 支持 反对

使用道具 举报

4

主题

25

帖子

65

积分

注册会员

Rank: 2

积分
65
5#
 楼主| 发表于 2015-10-30 11:29:19 | 只看该作者
尘往风中吹 发表于 2015-10-30 10:48
我也是遇到这个问题了

我的这个APP在20号发布的版本可以正常显示的, ionic.min.css版本Ionic, v1.0.0-beta.14,后来24号发布的版本出现了这个问题,版本 ionic.min.css 版本换了Ionic, v1.1.0,这是SVN的记录,不知道你有没有换过包。
回复 支持 反对

使用道具 举报

7

主题

36

帖子

207

积分

中级会员

Rank: 3Rank: 3

积分
207
6#
发表于 2015-10-30 11:30:22 | 只看该作者
timtimup 发表于 2015-10-30 11:29
我的这个APP在20号发布的版本可以正常显示的, ionic.min.css版本Ionic, v1.0.0-beta.14,后来24号发布的 ...

在开发过程中 发现有新版本 然后就更新了 然后就这样了
回复 支持 反对

使用道具 举报

7

主题

36

帖子

207

积分

中级会员

Rank: 3Rank: 3

积分
207
7#
发表于 2015-10-30 12:56:24 | 只看该作者
本帖最后由 尘往风中吹 于 2015-10-30 13:06 编辑
timtimup 发表于 2015-10-30 11:29
我的这个APP在20号发布的版本可以正常显示的, ionic.min.css版本Ionic, v1.0.0-beta.14,后来24号发布的 ...

把2977-2999行注释掉 亲测有效 新版本android的actionSheet可能就是这个样子的 ionic追求原生效果可能就改成一样的了
回复 支持 反对

使用道具 举报

4

主题

25

帖子

65

积分

注册会员

Rank: 2

积分
65
8#
 楼主| 发表于 2015-10-30 13:44:53 | 只看该作者
尘往风中吹 发表于 2015-10-30 12:56
把2977-2999行注释掉 亲测有效 新版本android的actionSheet可能就是这个样子的 ionic追求原生效果可能就改 ...

老兄,什么文件的2977-2999行?为什么我打开ionic.min.css,不显示行号啊,是哪个文件呢?
回复 支持 反对

使用道具 举报

4

主题

25

帖子

65

积分

注册会员

Rank: 2

积分
65
10#
 楼主| 发表于 2015-10-30 14:25:31 | 只看该作者
尘往风中吹 发表于 2015-10-30 14:14
不是ionic.min.css  是ionic.css    ionic.min.css 是压缩过的,空格 注释 回车都没有了  在txt里面只有一 ...

好的,我那边叫人打包试试
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-23 16:59 , Processed in 0.070852 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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