ionic3 设置界面制作

ioniclist.png

css：

.tl-border-bottom{
 border-bottom: 1px solid #CCCCCC;
}

html:

<ion-header>

  <ion-navbar>
    <ion-title>权限设置</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
    <ion-item class="tl-border-bottom">
        <ion-label  stacked class="tl-font">职称</ion-label>
        <ion-input type="text" ></ion-input>
    </ion-item>
    <ion-list>
        <button ion-item>
            版本号
            <span  item-end>V1.0</span>
        </button>
        <button ion-item>
            关于
        </button>
    </ion-list>
</ion-content>