gpt4 book ai didi

html - 将图像放在侧面菜单中( ionic )

转载 作者:太空宇宙 更新时间:2023-11-04 13:31:44 25 4
gpt4 key购买 nike

我正在尝试将从 Facebook 检索到的个人资料照片放在侧边菜单中,如下所示:

enter image description here

但我的运气并不好。

我的侧边菜单代码:

<ion-side-menus enable-menu-with-back-views="false">

<ion-side-menu-content>
<ion-nav-bar class="bar-dark custom-header">
<ion-nav-back-button>
</ion-nav-back-button>

<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left">
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>

<ion-side-menu side="left">
<ion-header-bar class="bar-positive custom-header">
</ion-header-bar>
<ion-content class="custom-sidemenu">
<ion-list>
<ion-item class="custom-item-nav" menu-close href="#/app/home">
Home
</ion-item>
<ion-item class="custom-item-nav" menu-close href="#/app/recepten">
Recepten
</ion-item>
<ion-item class="custom-item-nav" menu-close href="#/app/perfect-gin">
The Perfect Gin Tonic Mix
</ion-item>
<ion-item class="custom-item-nav" menu-close href="#/app/favorieten">
Favorieten
</ion-item>
<ion-item class="custom-item-nav" menu-close href="#/app/contact">
Contacteer ons
</ion-item>
</ion-list>
</ion-content>
</ion-side-menu>

</ion-side-menus>

我想我不确定将带有图像的 div 放在哪里。

我的div代码:

<div class="profile_frame_container">
<img class="profile_frame" src="/img/profile_frame.png" alt="">
<img class="profile_pic_fb" src="http://graph.facebook.com/XXXXX/picture?type=large" alt="">
</div>

最佳答案

对于 >ionic2

<ion-card text-center class="hide-card">
<img src="http://placehold.it/300x200" class="custom-avatar"/>
<h2>Victorcodex</h2>
<p>Have some p tag here</p>
<p>I am the third guy inline here</p>
<hr>
</ion-card>

.hide-card {
-webkit-box-shadow: none!important;
}

.custom-avatar {
height: 30vw;
width: 30vw;
border: 1px solid #fff;
border-radius: 50%;
display: inline-block;
margin-left: auto;
margin-right: auto;
}

ionic2-side-menu-centered-image-text

让我知道这是否有用。

关于html - 将图像放在侧面菜单中( ionic ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34834645/

25 4 0