问题标签 [ion-grid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
618 浏览

ionic2 - 在 ion-grid ionic 2 中使用 text-wrap 时显示 zic-zac 的多行项目

ion-grid从我的列表视图中使用过,我正在从服务器获取数据并将其显示到列表中,但是当我应用text-wrap它时,它没有正确显示在ion-list.

请检查以下屏幕:

在此处输入图像描述

代码 :

行高不从第二列增加我需要增加机器人列高,并且两个行高都将与每个动态数据相同。

让我知道是否有人需要更多详细信息。

提前致谢!

0 投票
0 回答
588 浏览

html - ionic - 离子行内容未正确显示

在 Ionic 项目的 html 文件中,我有一个ion-grid三行。第一个包含地图,第二个包含列表,第三个包含按钮。问题是第二行的内容没有显示在任何地方。

这是html代码:

这是CSS:

0 投票
1 回答
1584 浏览

ionic-framework - 动态加载图像库离子网格的行和列

我有一个包含 20 个图像的图像数组。我想以虚拟滚动网格形式动态加载我的图像,每行有 4 列,但不知道如何完成

这是我当前的代码

但这会生成一行和 1 列,但我希望动态地在 1 行中有 4 列。我如何做到这一点?

0 投票
2 回答
330 浏览

ionic-framework - 离子网格问题

有没有办法让我的第一行比第二行大?我一直在看很多教程,但似乎 flexbox 解决方案对我没有帮助。

0 投票
0 回答
851 浏览

ionic-framework - 响应式离子网格基于列

我正在使用 ionic 并尝试构建一个布局,其中卡片根据屏幕大小组织成 1、2 或 3 列。而不是正常的水平布局,我希望卡片垂直布局

这个。

我现在拥有的 HTML 只生成一列卡片,如果屏幕尺寸达到断点,将生成第二或第三个空列:

离子网格有没有办法做到这一点,还是我必须使用其他 CSS 解决方案?

0 投票
1 回答
1185 浏览

ionic-framework - 如何制作离子网格项目,双击可编辑

我想制作一个从 MongoDB 获取数据的 Ionic 表。双击一行,它应该是可编辑的。我尝试实施getElementById(). 但 Ionic 不支持它。

0 投票
1 回答
30 浏览

json - Ionic 3 和 JSON:在网格中添加名称的麻烦

第一:对不起我的英语我不太擅长这种语言。

我有一个小问题。对于我的考试,我必须创建一个电影院管理应用程序。我刚开始,我已经遇到了问题。

我希望主页显示我必须在名为 home.ts 的文件中注册的电影院名称列表。

但是在测试页面并重新启动程序之后,再次制定遗嘱:我的标题显示但不显示电影院名称列表。

我不知道为什么这不起作用。

我把我当前的代码放在这里,这样你就可以更好地理解我的上下文以及可能是什么问题。

主页.html:

home.ts :

感谢您的回答,祝您有愉快的一天。

0 投票
1 回答
48 浏览

ionic-framework - 离子响应式多容器网格布局

问题

我想创建一个 3 个容器,一个是主要的大容器,它将占据大部分屏幕,其他的几乎定位为左侧和底部的快捷栏。像这样的东西。

我试过的

我已经尝试过离子网格,但它似乎不适用于响应式布局,因为我认为也许有更好的方法来做到这一点?

0 投票
0 回答
247 浏览

ionic-framework - Ionic 3 中的键盘上推内容

我在我的项目中使用 Ionic 3 和 gridlayout 在不同的显示器上进行缩放。问题是当我点击输入并且键盘显示孔内容被向上推时(参见屏幕截图)。奇怪的是红色盒子保持在原位,而它下面的内容被向上推并与红色盒子重叠。我认为这可能是我的 css 样式的问题,但我注释掉了 login.scss 中的所有样式,它仍然是同样的问题。

在此处输入图像描述 在此处输入图像描述

这是 HTML

我已经用谷歌搜索过了,我已经尝试过的是

没用

没用

没用

没用

那么有人可以帮助我吗?Ionic 4 解决了这个问题吗?

0 投票
1 回答
678 浏览

ionic-framework - 如何在 ion-col 中对齐 ion-avatar

我正在使用 Ionic v4 框架开发一个简单的应用程序,并且我有一个像这样的离子网格:

谁能告诉我如何将 ion-avatar 准确地对准 ion-col 的中心?

我已经text-align: center;在我的 css 表中尝试过,但它不起作用。

非常感谢!