这是我的.HTML页面
<ion-modal-view> <div > <button ></button> <h1 >Happy Home</h1> <button ng-click="closelogout()">logout</button> </div> <ion-content> <div class = "row responsive-sm" style = "padding-top:50px"> <div class = "col"> <label > <br> <select> <option>B09-301</option> <option selected>G45-94</option> <option>R8910</option> </select> </label> </div> </div> <div > <div class = "row"> <div class = "col-33"> <div > <div > <i ></i> MEMBERS </div> </div> </div> <div class = "col-33"> <div > <div > <i ></i> Vechical </div> </div> </div> <div class = "col-33"> <div > <div > <i ></i> Booking </div> </div> </div> </div> <div class ="row"> <div class = "col col-top"> <div > <div > <i ></i> Staff </div> </div> </div> <div class = "col col-top"> <div > <div > <i ></i> Visitor </div> </div> </div> </div> </div> <div class = "row"> <ion-tabs > <ion-tab title="MyDues"> <ion-content> <h1>happy home Dues</h1> </ion-content> </ion-tab> <ion-tab title="Deposite"> <ion-content> <h1>happy home Deposite</h1> </ion-content> </ion-tab> <ion-tab title="Advance"> <ion-content> <h1>happy home Advance</h1> </ion-content> </ion-tab> <ion-tab title="History"> <ion-content> <h1>happy home History</h1> </ion-content> </ion-tab> </ion-tabs> </div> </ion-content>
在这里你可以看到我已经实现了tabs div的离子标签
这里是示例图像我应该使用ion-tabs
谢谢,
解决方法 我正在研究离子3,我就是这样,我把标签放在离子内容中并且适合我.<ion-content><ion-card> <ion-row fixed padding> <ion-col> <h2 > LocalIDade</h2> <h2 > Data Início</h2> </ion-col> <ion-col> <h2 > <ion-icon name="pin"></ion-icon> Fortaleza-CE </h2> <h2 > <ion-icon name="calendar"></ion-icon> 24/01/18 10:47 </h2> </ion-col> </ion-row> <ion-row> <ion-col> <ion-item> <ion-label>clima</ion-label> <ion-select [(ngModel)]="clima"> <ion-option>Frio</ion-option> <ion-option>quente</ion-option> </ion-select> </ion-item> </ion-col> <ion-col> <ion-item> <ion-label>Equipamento</ion-label> <ion-select [(ngModel)]="equipamento"> <ion-option>MedIDor</ion-option> <ion-option>Equipament teste</ion-option> </ion-select> </ion-item> </ion-col> </ion-row></ion-card><ion-content> <tabs-obra></tabs-obra></ion-content><ion-fab bottom right> <button ion-fab mini (click)="abrirListaAtivIDade()"> <ion-icon name="checkmark"></ion-icon> </button></ion-fab>总结
以上是内存溢出为你收集整理的html – 如何在div中使用ion-tabs全部内容,希望文章能够帮你解决html – 如何在div中使用ion-tabs所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)