PhoneGap中文网

标题: Ionic ActionSheet样式显示不正确问题 [打印本页]

作者: timtimup 时间: 2015-10-30 09:30
标题: Ionic ActionSheet样式显示不正确问题
在电脑端显示很正常的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的记录，不知道是不是这个问题。
电脑端正常显示：

手机端却出现显示不正常的情况

作者: admin 时间: 2015-10-30 09:52
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; }
*/

作者: timtimup 时间: 2015-10-30 09:58

admin 发表于 2015-10-30 09:52
android 手机端就是这样的，可以自己修改一下css样式的

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

作者: 尘往风中吹 时间: 2015-10-30 10:48
我也是遇到这个问题了

作者: timtimup 时间: 2015-10-30 11:29

尘往风中吹发表于 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的记录，不知道你有没有换过包。

作者: 尘往风中吹 时间: 2015-10-30 11:30

timtimup 发表于 2015-10-30 11:29
我的这个APP在20号发布的版本可以正常显示的， ionic.min.css版本Ionic, v1.0.0-beta.14，后来24号发布的 ...

在开发过程中发现有新版本然后就更新了然后就这样了

作者: 尘往风中吹 时间: 2015-10-30 12:56
本帖最后由尘往风中吹于 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追求原生效果可能就改成一样的了

作者: timtimup 时间: 2015-10-30 13:44

尘往风中吹发表于 2015-10-30 12:56
把2977-2999行注释掉亲测有效新版本android的actionSheet可能就是这个样子的 ionic追求原生效果可能就改 ...

老兄，什么文件的2977-2999行？为什么我打开ionic.min.css，不显示行号啊，是哪个文件呢？

作者: 尘往风中吹 时间: 2015-10-30 14:14
本帖最后由尘往风中吹于 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就没有压缩所以格式和注释都有所以就有行号了

作者: timtimup 时间: 2015-10-30 14:25

尘往风中吹发表于 2015-10-30 14:14
不是ionic.min.css 是ionic.css ionic.min.css 是压缩过的，空格注释回车都没有了在txt里面只有一 ...

好的，我那边叫人打包试试

作者: timtimup 时间: 2015-10-30 14:48

尘往风中吹发表于 2015-10-30 14:14
不是ionic.min.css 是ionic.css ionic.min.css 是压缩过的，空格注释回车都没有了在txt里面只有一 ...

太好了，问题解决了，谢谢老兄，您真棒哒哒的~

作者: timtimup 时间: 2015-10-30 14:54

timtimup 发表于 2015-10-30 14:48
太好了，问题解决了，谢谢老兄，您真棒哒哒的~

老兄，顺便问问你这个问题，有没有别的办法？

http://bbs.phonegap100.com/forum ... &extra=page%3D1

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)