You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
2.2 KiB
41 lines
2.2 KiB
<!-- Profile -->
|
|
<div class="hidden absolute pin-b z-10 lg:relative lg:block w-full lg:w-1/5 bg-grey-lighter-2 px-6 pt-10" id="profile">
|
|
<div class="flex items-center mb-6">
|
|
<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="avatar">
|
|
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
<g transform="translate(-1178.000000, -87.000000)">
|
|
<g transform="translate(1159.000000, 0.000000)">
|
|
<g transform="translate(0.000000, 87.000000)">
|
|
<g transform="translate(19.000000, 0.000000)">
|
|
<circle id="small-circle" fill="#005CAF" cx="30" cy="30" r="30"></circle>
|
|
<path id="moon" d="M30.5,49.7304688 C40.7172679,49.7304688 30.5,43.266096 30.5,33.0488281 C30.5,22.8315603 40.7172679,12 30.5,12 C20.2827321,12 11.0390625,20.6479665 11.0390625,30.8652344 C11.0390625,41.0825022 20.2827321,49.7304688 30.5,49.7304688 Z" fill="#A5DEE4"></path>
|
|
<circle id="big-circle" fill="#0B346E" cx="31" cy="31" r="11"></circle>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<div class="ml-3">
|
|
<?php if (isset($_SESSION['user'])) { ?>
|
|
<p>您好,<?=$_SESSION['user']['username']?> !</p>
|
|
<p class="text-grey-dark mt-1 text-sm">剩余借书配额:<?=$_SESSION['user']['borrow_num']-$records_count?>/<?=$_SESSION['user']['borrow_num']?></p>
|
|
<?php } else { ?>
|
|
<p>您好,访客用户 !</p>
|
|
<p class="text-grey-dark mt-1 text-sm">...</p>
|
|
<?php } ?>
|
|
</div>
|
|
</div>
|
|
<div class="my-4 border-t pt-4">
|
|
<h3 class="text-indigo-dark font-normal"><strong>当前已借出书籍</strong>(共 <?=$records_count?> 本)</h3>
|
|
<div class="flex flex-wrap -ml-2 justify-start items-center">
|
|
<?php if (isset($records[0]['rid'])) {
|
|
foreach ($records as $record) { ?>
|
|
<img src="<?=$record['cover']?>" data-href="/book/<?=$record['bid']?>" class="js-book w-1/6 lg:w-1/5 max-w-tiny shadow-md block m-2 transition-normal hover:brighter">
|
|
<?php }
|
|
} else { ?>
|
|
<p class="block m-2 transition-normal">暂未借阅书籍</p>
|
|
<?php } ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|