时间戳

首页 > 解决方案 > 有没有办法让离子按钮并排放置，它们之间有一个角度？

ionic-framework - 有没有办法让离子按钮并排放置，它们之间有一个角度？

问题描述

Kia Ora，我试图将两个按钮并排放置，它们之间有一个角度，如下图所示，但我什至很难将两个按钮并排放置，即使没有角度，我也是不确定它是否可能？

这是我当前使用和 ion-grid 的代码，但它们只是并排显示为两个按钮而不是全长，我想如果扩展属性设置为 full 那么这应该是全长？

<ion-grid>
<ion-row>
  <ion-col col-6>
    <ion-button  expand="full" share="round" color="light">settings</ion-button>
  </ion-col>
  <ion-col col-6>
    <ion-button  expand="full" share="round" color="gold">edit profile</ion-button>
  </ion-col>
</ion-row>

我想要达到的目标

标签： ionic-frameworkionic3

解决方案

问题在于expand="full"Ionic 4/5，但您使用的是 Ionic 3（根据问题的标签）。

在 Ionic 3 中，您应该改用该full属性：

https://ionicframework.com/docs/v3/components/#full-buttons

<button ion-button full>Full Button</button>

另请注意，正确的组件是<button ion-button>...</button>，而不是<ion-button>...</ion-button>因为它也适用于 Ionic 4/5。

推荐阅读