离子输入形状属性错误？

Question

我正在尝试创建一个带有舍入输入的表单。使用文档here我将“形状”和“填充”放在离子输入上，而不是现在已弃用的离子项目上的用法。然而，离子输入似乎想要将左侧变成正方形？似乎没有多少边距或填充可以更新它。这是离子的错误还是我做错了什么？

           <ion-item shape="round" fill="outline" lines="none">
             <ion-input v-model="name" name="name" type="text" :spellcheck="false" autocapitalize="off"
                   :placeholder="namePlaceholder" required></ion-input>
          </ion-item>

          <ion-item lines="none">
             <ion-input v-model="email" shape="round" fill="outline" name="email" type="email" :spellcheck="false" 
                   autocapitalize="off" :placeholder="emailPlaceholder" required></ion-input>
          </ion-item>

Answer 1

您的 Ion 物品不一样，因此看起来不同。要使它们相同，请执行以下操作：

<ion-item shape="round" fill="outline" lines="none">
    <ion-input v-model="name" name="name" type="text" :spellcheck="false" autocapitalize="off" :placeholder="namePlaceholder" required></ion-input>
</ion-item>
    
<ion-item shape="round" fill="outline" lines="none">
    <ion-input v-model="email"  name="email" type="email" :spellcheck="false" autocapitalize="off" :placeholder="emailPlaceholder" required></ion-input>
</ion-item>

这使得离子项目变得圆润，正如我认为你想要的那样。