html - 造型 ionic2 单选按钮失败

Question

我有一些单选按钮，但文本看起来离​​单选按钮很远，我想让文本更靠近单选按钮

这是我的代码

ion-row radio-group (ionChange)="onChange($event)">
     <ion-col width-30>
       <ion-item>
           <ion-label>Yes</ion-label>
           <ion-radio value='{{checklists.controls["yesradio"].value}}-yes'>  </ion-radio>
       </ion-item>
     </ion-col>


     <ion-col width-30>

         <ion-item  style="text-align:left">
             <ion-label>No</ion-label>
              <ion-radio style="margin:0px;"  value='{{checklists.controls["yesradio"].value}}-no'></ion-radio>

       </ion-item>

     </ion-col>

 </ion-row>

以上生成

如上图所示，yes 文本远离 yes 单选框的左侧

我很期待

我也试过添加

  <ion-col width-30>

         <ion-item  style="text-align:left">
             <ion-label style="margin:0px;">No</ion-label>
              <ion-radio style="margin:0px;" id="no_radio"></ion-radio>  //added margin 0px fails

       </ion-item>

     </ion-col>

我需要添加什么才能使图标更接近文本(是和否)不一定是图标

Answer 1

在您页面的.scss文件中，您可以通过以下操作来达到预期的效果。

.input-wrapper{
     flex: initial;
}