美文网首页
ionic3 设置界面制作

ionic3 设置界面制作

作者: 追逐繁星的阿忠 | 来源:发表于2018-10-09 16:56 被阅读44次
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>

相关文章

网友评论

      本文标题:ionic3 设置界面制作

      本文链接:https://www.haomeiwen.com/subject/qllyaftx.html