NFC交友名片源码

效果图
部分源码
领取源码
下期更新预报

效果图

在这里插入图片描述

部分源码

<html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="apple-mobile-web-app-title" content="instap"><link rel="icon" href="图片地址"><title>孤客科技|孤独终老</title><link href="static/css/m.1fa67fb2.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="static/css/chunk-b601d230.77c44edd.css"><style type="text/css">.text1{font-size: 45px;font-weight: normal;text-transform: uppercase;/*大写 lowercase小写；capitalize单词首字母大写*/fill:none;stroke: #B0E0E6;stroke-width: 2px;stroke-dasharray: 90 310;animation: stroke 6s infinite linear;}.text-1{stroke: #FFEC8B;animation-delay:-1.5s;text-shadow:5px 5px 5px #FFEC8B;}.text-2{stroke:#AEEEEE;animation-delay:-3s;text-shadow:5px 5px 5px #7FFFD4;}.text-3{stroke:#EEE0E5;animation-delay:-4.5s;text-shadow:5px 5px 5px #7FFFD4;}.text-4{stroke:#FFC1C1;animation-delay:-6s;text-shadow:5px 5px 5px #7FFFD4;}@keyframes stroke {to {stroke-dashoffset: -400;}}</style></head><body _c_t_j1="1" style=""><div id="app"><div data-v-1f9b29e2="" class="page-wrap"><div data-v-1f9b29e2="" class="main-page" style="padding-top: 54px;"><div data-v-1f9b29e2="" class="nav"><span data-v-1f9b29e2="" class="logo"></span><!----><a data-v-1f9b29e2="" href="javascript:;" class="app-qr"></a><!----></div><div data-v-1f9b29e2="" class="new-header"><div data-v-1f9b29e2="" class="user-profile"><div data-v-1f9b29e2="" class="photo-wrap"><!----><div data-v-1f9b29e2="" class="mood"><div data-v-1f9b29e2="" class="mood-content"><svg width="100%" height="80" style="margin:-30px auto"><!--<text text-anchor="middle" x="50%" y="50%" class="text1 text-1" >--><!--    &#10084;孤客科技&#10084;--><!--</text>--><!--呦~小伙子又来偷我代码了ლ—(°◡°)-ლ（手动滑稽）--><text text-anchor="middle" x="50%" y="50%" class="text1 text-1">孤客科技</text><text text-anchor="middle" x="50%" y="50%" class="text1 text-2">孤客科技</text><text text-anchor="middle" x="50%" y="50%" class="text1 text-3">孤客科技</text><text text-anchor="middle" x="50%" y="50%" class="text1 text-4">孤客科技</text></svg><!--    <img data-v-1f9b29e2="" src="" alt="" class="mood-icon"> --><!--    加油-->