
<style>
    @media (max-width:576px) {
    #body{
    padding-top: 0;
    
    }
    .my_userCenterInfo_header{
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(239, 242, 246, 1) 90%), url('./plugin/zaesky_theme_light/view/img/bgimg/bg-0.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
    #body>.container>.row>div{
        padding: 0.5rem !important;
    }
    .card {
        border-radius: 5px !important;
    }
    .navbar{
        display: none;
    }
    }
    
</style>

<div class="row d-lg-none userCenterInfo">
    <div class="col-12" style="padding: 0 !important;">
        <div class="my_userCenterInfo_header">
            <div class="p-2">
        <div class="d-flex justify-content-between px-2 pt-3">
            <a class="text-muted" href="./"><i class="el-icon-s-home"></i> 首页</a>
            <!-- <div class="h5 text-muted">我的</div>
            <div></div> -->
        </div>
        <div class="media py-3 px-2">
            <!--{hook my_common_avatar_before.htm}-->
            <div class="media-body d-flex justify-content-between align-items-center">
                <div>
                    <div class="break-all text-truncate">
                        <span class="font-weight-bold h4"><?php echo $user['username'];?></span>
                        <!--{hook my_common_username_after.htm}-->
                    </div>
                    
                
                
                <div class="mt-3">
                    <span class="badge badge-pill jb-blue">UID:<?php echo $user['uid'];?></span>
                    <span class="badge badge-pill jb-cyan"><?php echo $user['groupname'];?></span>
                    <!--{hook my_common_groupname_after.htm}-->
                </div>
            </div>
                <div class="text-nowrap">
            <img src="<?php echo $user['avatar_url'];?>" class="avatar-4 rounded-circle border border-white">

                    <!-- <a class="text-muted" href="<?php echo url("user-$user[uid]");?>"><i class="el-icon-arrow-right h4"></i></a>  -->
                </div>
            </div>
        </div>
    
        <div class="hidden-lg my-mobile-nav-btn-group py-2">

            <!--{hook my_common_mobile_my_before.htm}-->
            <a role="button" class="btn btn-secondary" data-active="menu-my" href="<?php echo url('my');?>">个人资料</a>
            <!--{hook my_common_mobile_my_after.htm}-->
            
            <!--{hook my_common_mobile_my_thread_before.htm}-->
            <a role="button" class="btn btn-secondary" data-active="menu-my-thread" href="<?php echo url('my-thread');?>">论坛帖子</a>
            <!--{hook my_common_mobile_my_thread_after.htm}-->
        </div>
        <!--{hook my_common_info_after.htm}-->
        <!-- <div class="card mb-0 rounded-0" >
            <div class="card-body ">
                
            </div>
        </div> -->
    </div>
    </div>
</div>
    
    
</div>
    


