tailwind布局实现带二维码飞机票火车票效果代码

代码语言:html

所属分类:布局界面

代码描述:tailwind布局实现带二维码飞机票火车票效果代码,包含黑白二色。

代码标签: tailwind 布局 二维码 飞机票 火车票

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tailwind.3.2.4.js"></script>



  
  
</head>

<body>
  <main class="w-screen h-screen flex flex-col">
	<section class="w-full flex-grow bg-zinc-200 flex items-center justify-center p-4">
		<div class="flex w-full max-w-3xl text-zinc-50 h-64">
			<div class="h-full bg-zinc-900 flex items-center justify-center px-8 rounded-l-3xl">
				<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
				width="140px" height="140px" viewBox="0 0 232 232" enable-background="new 0 0 232 232" xml:space="preserve">
				<rect x="0" y="0" width="232" height="232" fill="#18181b" /><g transform="translate(16,16)"><g transform="translate(72,0) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,0) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,0) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,0) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,8) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,8) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,8) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(120,8) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,8) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,16) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(72,16) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,16) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,24) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,24) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,24) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,24) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,32) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,32) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,32) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,32) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,40) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,40) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,40) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,40) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(120,40) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,40) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,48) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,48) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,48) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,48) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,48) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,56) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,56) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,56) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(0,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(16,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(24,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(32,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(40,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(48,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(72,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(88,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(120,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(144,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(152,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(168,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(176,64) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(8,72) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(16,72) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(24,72) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(32,72) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(56,72) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,72) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,72) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,72) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(152,72) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(184,72) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(0,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(8,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(24,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(48,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(56,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(72,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(88,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(120,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(136,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(168,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(184,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,80) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(8,88) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(32,88) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(56,88) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,88) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(88,88) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,88) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,88) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,88) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(136,88) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,88) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(0,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(8,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(48,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(56,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(72,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(136,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(144,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(152,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(176,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(184,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,96) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(0,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(8,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(24,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(56,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(152,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(168,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(184,104) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(0,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(16,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(24,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(40,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(48,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(56,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(88,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(120,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(144,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(152,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(168,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(184,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,112) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(0,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(24,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(32,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(56,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(88,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(120,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(152,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,120) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(0,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(16,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(48,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(56,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(72,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(88,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(136,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(144,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(152,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(176,128) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,136) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,136) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,136) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,136) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(120,136) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,136) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,136) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(168,136) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,144) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,144) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,144) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(144,144) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,144) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(176,144) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(184,144) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,144) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,152) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,152) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(104,152) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,152) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,152) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(168,152) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(184,152) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,152) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(72,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(120,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(136,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(144,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(152,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(176,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(184,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,160) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(72,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(120,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(136,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(144,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(168,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(176,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(184,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,168) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,176) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,176) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(88,176) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(96,176) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(136,176) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(168,176) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(176,176) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,176) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(72,184) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,184) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(88,184) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(112,184) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(128,184) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(144,184) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(152,184) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,184) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(168,184) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,184) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(64,192) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(80,192) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(88,192) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(136,192) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(152,192) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,192) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(168,192) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(176,192) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(184,192) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(192,192) scale(0.08,0.08)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(0,0) scale(0.56, 0.56)"><g transform="" style="fill: rgb(255, 255, 255);">
				<g>
					<rect x="15" y="15" style="fill:none;" width="70" height="70"/>
					<path d="M85,0H15H0v15v70v15h15h70h15V85V15V0H85z M85,85H15V15h70V85z"/>
				</g>
				</g></g><g transform="translate(144,0) scale(0.56, 0.56)"><g transform="" style="fill: rgb(255, 255, 255);">
				<g>
					<rect x="15" y="15" style="fill:none;" width="70" height="70"/>
					<path d="M85,0H15H0v15v70v15h15h70h15V85V15V0H85z M85,85H15V15h70V85z"/>
				</g>
				</g></g><g transform="translate(0,144) scale(0.56, 0.56)"><g transform="" style="fill: rgb(255, 255, 255);">
				<g>
					<rect x="15" y="15" style="fill:none;" width="70" height="70"/>
					<path d="M85,0H15H0v15v70v15h15h70h15V85V15V0H85z M85,85H15V15h70V85z"/>
				</g>
				</g></g><g transform="translate(16,16) scale(0.24, 0.24)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(160,16) scale(0.24, 0.24)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g><g transform="translate(16,160) scale(0.24, 0.24)"><g transform="" style="fill: rgb(255, 255, 255);">
				<rect width="100" height="100"/>
				</g></g></g></svg>
			</div>
			<div class="relative h-full flex flex-col items-center border-dashed justify-between border-2 bg-zinc-900 border-zinc-50">
				<div class="absolute rounded-full w-8 h-8 bg-zinc-200 -top-5"></div>
				<div class="absolute rounded-full w-8 h-8 bg-zinc-200 -bottom-5"></div>
			</div>
			<div class="h-full py-8 px-10 bg-zinc-900 flex-grow rounded-r-3xl flex flex-col">
				<div class="flex w-full justify-between items-center">
					<div class="flex flex-col items-center">
						<span class="text-4xl font-bold">BNE</span>
						<span class="text-zinc-500 text-sm">Brisbane</span>
					</div>
					<div class="flex flex-col flex-grow items-center px-10">
						<span class="font-bold text-xs">RS 11</span>
						<div class="w-full flex items-center mt-2">
							<div class="w-3 h-3 rounded-full border-2 border-zinc-900"></div>
							<div class="flex-grow border-t-2 border-zinc-400 border-dotted h-px"></div>
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 mx-2">
								<path d="M3.105 2.289a.75.75 0 00-.826.95l1.414 4.925A1.5 1.5 0 005.135 9.25h6.115a.75.75 0 010 1.5H5.135a1.5 1.5 0 00-1.442 1.086l-1.414 4.926a.75.75 0 00.826.95 28.896 28.896 0 0015.293-7.154.75.75 0 000-1.115A28.897 28.897 0 003.105 2.289z" />
							</svg>
							<div class="flex-grow border-t-2 border-zinc-400 border-dotted h-px"></div>
							<div class="w-3 h-3 rounded-full border-2 border-zinc-900"></div>
						</div>
						<div class="flex items-center px-3 rounded-full bg-lime-400 h-8 mt-2">
							<span class="text-sm text-zinc-900">18h 35m</span>
						</div>
					</div>
					<div class="flex flex-col items-center">
						<span class="text-4xl font-bold">ATH</span>
						<span class="text-zinc-500 text-sm">Athens</span>
					</div>
				</div>
				<div class="flex w-full mt-auto justify-between">
					<div class="flex flex-col">
						<span class="text-xs text-zinc-400">Date</span>
						<span class="font-mono">09/06/2023</span>
					</div>
					<div class="flex flex-col">
						<span class="text-xs text-zinc-400">Departure</span>
						<span class="font-mono"&.........完整代码请登录后点击上方下载按钮下载查看

网友评论0