离子反应：如何在点击时更改网格的大小

Question

我正在尝试为应用程序使用离子反应框架。 我有一个要求，我有 1 行和 2 列的网格。 第一列占屏幕的 75%，第二列占屏幕的 25%。 当我点击 25% 列时，它应该变成 75%，第一列应该是 25%。

我尝试在网格列上使用单击事件，但不确定如何使用网格列的单击事件来动态更改列的大小。 除了使用网格之外，还有其他方法可以获得相同的体验吗？

Answer 1

您不对网格标签使用点击。 您需要像这样绑定 size 属性：

<ionCol [size]="logic_here">

https://ionicframework.com/docs/api/grid