useds/app/common/utils/pdf/template/contactCard.stub

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <style>
        body {
            font-family: "sun-exta";
            font-size: 14px;
            color: #333;
        }

        h2 {
            font-size: 16px;
            text-align: center;
            margin-bottom: 20px;
        }

        .card {
            width: 100%;
            border: 1px solid #e5e5e5;
            padding: 20px;
        }

        .row {
            margin-bottom: 10px;
        }

        .label {
            display: inline-block;
            width: 100px;
            color: #666;
        }

        .qrcode-wrap {
            margin-top: 20px;
            text-align: center;
        }

        .qrcode-wrap img {
            width: 120px;
            height: 120px;
            margin-top: 5px;
        }

        .tip {
            margin-top: 20px;
            font-size: 10px;
            color: #999;
            text-align: center;
        }
    </style>
</head>
<body>

<h2><?= $contactField['title'] ?></h2>

<div class="card">
<?php if (!empty($user['name'])): ?>
    <div class="row"><span class="label"><?= $contactField['name'] ?>：</span><?= $user['name'] ?></div>
<?php endif; ?>
<?php if (!empty($user['email'])): ?>
    <div class="row"><span class="label"><?= $contactField['email'] ?>：</span><?= $user['email'] ?></div>
<?php endif; ?>
<?php if (!empty($user['phone'])): ?>
    <div class="row"><span class="label"><?= $contactField['phone'] ?>：</span><?= $user['phone'] ?></div>
<?php endif; ?>
<?php if (!empty($user['whatsapp'])): ?>
    <div class="row"><span class="label">WhatsApp：</span><?= $user['whatsapp'] ?></div>
<?php endif; ?>

<?php if (!empty($user['social']) && !empty($user['social_code'])): ?>
    <div class="qrcode-wrap">
        <div><?= $contactField['code'] ?></div>
        <img style = "width: 270px;height: 270px;margin-top: 30px;" src="<?= $user['social_code'] ?>">
    </div>
<?php endif; ?>
</div>

<div class="tip">
    <?= $contactField['left'] ?> ｜ <?= $contactField['right'] ?>
</div>

</body>
</html>