xmnk
/
course-server


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
							<html>
<head>
    <meta charset="UTF-8">
    <!--设置视口,解决pc和手机屏幕不匹配问题-->
    <meta name="viewport" content="width=device-width,
     initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <style type="text/css">
        .bg {
            width: 513px;
            height: 800px;
            margin: 0 auto;
            background-image: url("{{config('app.url').'/storage/'.$about->poster}}");
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            overflow: hidden;
        }

        .name {
            position: absolute;
            left: 24px;
            bottom: 58px;
            font-size: 20px;
            font-weight: bold;
        }

        .code {
            position: absolute;
            right: 5px;
            bottom: -7px;
            width: 120px;
            height: 120px;
        }

        .code-img {
            width: 100%;
            height: 100%;
        }

        /*.code-avatar {*/
        /*    width: 20px;*/
        /*    height: 20px;*/
        /*    position: absolute;*/
        /*    right: 49px;*/
        /*    bottom: 50;*/
        /*}*/
    </style>
</head>
<body>
<div class="bg">
    <p class="name">{{$user_name}}</p>
    <div class="code">
        <img class="code-img" src="/qrcodes/qrcode_{{$user_id}}.png">
        {{--        <img class="code-avatar"--}}
        {{--             src="https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTJy4P6yHFluic3QHDibFfQtJOibtyYbrU6EEpicpy2yiaGLtbrS2xicRTSJBFOyrUoYplrwp33m6EuRw6RA/132">--}}
    </div>


</div>

</body>
</html>