master

分支 (5)

标签 (12)

管理

管理

master

dev

jjwt-0.11.2

oracle

fast

v2.3.2

v2.3.1

v2.3.0

v2.2.1

v2.2.0

v2.1.2

v2.1.1

v2.1.0

v2.0.0

v1.0.2

v1.0.1

v1.0.0

RuoYi-Vue-Plus
/
qrcodeCard_1.html

<!DOCTYPE html>
<html lang="zh">
<head lang="zh">
    <meta charset="UTF-8"/>
    <title>我的名片</title>
    <style>
        body{font-family: "Microsoft Yahei",Arial,sans-serif; }
        *{padding: 0;margin: 0;}
        h2{font-style: normal;font-weight: normal;}
        .main{width: 300px;background: #fff;border-radius: 5px;border: 1px solid #ddd;padding: 20px;margin:0px auto;}
        .tit{margin-bottom: 30px;overflow: hidden;}
        .touxiang{display: inline-block;height: 80px;width: 80px;margin-right: 15px;border-radius: 5px;float: left;overflow: hidden;}
        .name{padding-top: 8px;float: left;}
        .name h2{font-size: 22px;margin-bottom: 8px;}
        .name span{font-size: 14px;color: #7B7B7B}
        .erweima img{width: 200px;height: 200px;display: block;margin: 0 auto;}
        .erweima span{font-size: 12px;color: #B0AFB0;display: block;margin: 20px auto;text-align: center;}
        .erweima-tx{position: relative;width:230px;height: 230px;margin:0 auto;}
        .erweima-tx img{position: absolute;width: 60px;height:60px;top:50%;left: 50%;margin-top: -30px;margin-left: -30px;border-radius: 5px;border: 2px solid #fff;}
        .erweima-tx .erweima-bg{width: 230px;height: 230px;position: absolute;top:50%;left: 50%;margin-top:-115px;margin-left: -115px;}
    </style>
</head>
<body>
<div class="main">
    <div class="tit">
        <img src="http://scrm-mochat.oss-cn-beijing.aliyuncs.com/mochat/employee/thumb_avatar16254622976350845048.png?Expires=1628071358&amp;OSSAccessKeyId=LTAI5tL1jwaCjV6k3sjuAJBf&amp;Signature=ZkjA%2BjlOaTLBx%2BtxgDCCmrXKP1U%3D" class="touxiang" alt=""/>
        <div class="name">
            <h2>王渊博</h2>
            <span>学府考研</span>
        </div>
    </div>
    <div class="erweima">
        <div class="erweima-tx">
            <img src="https://wework.qpic.cn/wwpic/799830_wS_RftfYSw2hgOe_1628056667/0" class="erweima-bg" alt=""/>
            <img src="http://scrm-mochat.oss-cn-beijing.aliyuncs.com/mochat/employee/thumb_avatar16254622976350845048.png?Expires=1628071358&amp;OSSAccessKeyId=LTAI5tL1jwaCjV6k3sjuAJBf&amp;Signature=ZkjA%2BjlOaTLBx%2BtxgDCCmrXKP1U%3D" alt=""/>
        </div>
        <span>扫一扫上面的二维码图案，加我企业微信</span>
    </div>

</div>
</body>
</html>