contact-detail.html

<ion-header>
    <ion-navbar>
        <ion-title>个人信息</ion-title>
    </ion-navbar>
</ion-header>


<ion-content class="content">


    <ion-list>
        <p class="person-tips">基础信息</p>
        <ion-item>
            <div class="info-item">
                <span class="info-span">头像</span>
                <div class="info-item-content">
                    <ng-container>
                        <img src="./assets/imgs/man.png" class="contact-img">
                    </ng-container>
                </div>
            </div>
        </ion-item>
        <ion-item>
            <div class="info-item">
                <span class="info-span">姓名</span>
                <div class="info-item-content">
                    <span class="info">{{personInfo.name}}</span>
                </div>
            </div>
        </ion-item>
        <ion-item>
            <div class="info-item">
                <span class="info-span">手机号</span>
                <div class="info-item-content">
                    <span class="info">{{personInfo.mobilePhone}}</span>
                </div>
            </div>
        </ion-item>
        <p class="person-tips">补充信息</p>
        <ion-item>
            <div class="info-item">
                <span class="info-span">房间号</span>
                <div class="info-item-content">
                    {{personInfo?.abbreviation}}
                </div>
            </div>
        </ion-item>
        <ion-item>
            <div class="info-item">
                <span class="info-span">座机</span>
                <div class="info-item-content">
                    {{personInfo?.telPhone}}
                </div>
            </div>
        </ion-item>
    </ion-list>


    <button class="call-btn" (click)="call(personInfo?.telPhone)">拨打座机</button>

    <button class="call-btn" (click)="call(personInfo?.mobilePhone)">拨打手机</button>
</ion-content>