NFC交友名片源码

孤客网络科技工作室

已于 2024-05-15 11:58:49 修改

阅读量646

点赞数 7

分类专栏： html+css网页开发 VScode 个人主页文章标签：交友 vscode 前端

于 2024-05-15 11:52:56 首次发布

By_GUKE

本文链接：https://blog.csdn.net/m0_70474954/article/details/138902548

版权

html+css网页开发同时被 3 个专栏收录

53 篇文章

订阅专栏

VScode

16 篇文章

订阅专栏

个人主页

16 篇文章

订阅专栏

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"> -->
								    <!--    加油-->