deliveryman/beefast-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
aaron 2025-01-20 21:20:46 +08:00
parent b42e9f12ea
commit 0b19604f16
5 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>蜂快到家，快速取快递到家</title> <title>蜂快到家，一键下单，立刻送达</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

2
src/App.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="min-h-screen bg-gradient-to-b from-blue-50 to-purple-50"> <div class="min-h-screen bg-gradient-to-b from-primary/5 to-primary/10">
<Header /> <Header />
<main class="container mx-auto px-4"> <main class="container mx-auto px-4">
<Hero /> <Hero />

10
src/components/Header.vue
View File

@ -2,17 +2,11 @@
<header class="bg-white py-4 px-6 flex items-center justify-between"> <header class="bg-white py-4 px-6 flex items-center justify-between">
<div class="flex items-center"> <div class="flex items-center">
<h1 class="text-2xl font-bold"> <h1 class="text-2xl font-bold">
<span class="text-blue-500">Bee</span>Fast <span class="text-primary">蜂快</span>到家
</h1> </h1>
</div> </div>
<nav class="flex items-center space-x-8"> <nav class="flex items-center space-x-8">
<a href="#" class="text-gray-600 hover:text-blue-500 transition-colors">关于我们</a> <a href="#" class="text-gray-600 hover:text-primary transition-colors">关于我们</a>
<button class="bg-blue-500 text-white px-6 py-2 rounded-full hover:bg-blue-600 transition-colors flex items-center space-x-2">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
</svg>
<span>下载</span>
</button>
</nav> </nav>
</header> </header>
</template> </template>

8
src/components/Hero.vue
View File

@ -2,20 +2,20 @@
<section class="py-16 flex flex-col lg:flex-row items-center"> <section class="py-16 flex flex-col lg:flex-row items-center">
<div class="lg:w-1/2"> <div class="lg:w-1/2">
<h2 class="text-6xl font-bold leading-tight"> <h2 class="text-6xl font-bold leading-tight">
<span class="text-blue-500">蜂快到家</span><br /> <span class="text-primary">Beefast</span><br />
delivery at<br /> delivery at<br />
your doorstep your doorstep
</h2> </h2>
<p class="mt-6 text-gray-600 text-lg"> <p class="mt-6 text-gray-600 text-lg">
您的快递，我帮你取，一键下单，立刻送达！ 您的快递，一键下单，立刻送达！
</p> </p>
<div class="mt-8"> <div class="mt-8">
<div class="flex items-center space-x-4"> <div class="flex items-center space-x-4">
<div class="bg-white p-4 rounded-lg shadow-md"> <div class="bg-white p-4 rounded-lg shadow-md border-2 border-primary">
<img src="../assets/images/qrcode.jpg" alt="小程序二维码" class="w-32 h-32"> <img src="../assets/images/qrcode.jpg" alt="小程序二维码" class="w-32 h-32">
</div> </div>
<div class="text-gray-600"> <div class="text-gray-600">
<p class="text-lg font-semibold">扫码使用小程序</p> <p class="text-lg font-semibold text-primary">扫码使用小程序</p>
<p class="text-sm mt-1">快速下单，方便快捷</p> <p class="text-sm mt-1">快速下单，方便快捷</p>
</div> </div>
</div> </div>

6
tailwind.config.js
View File

@ -4,7 +4,11 @@ module.exports = {
"./src/**/*.{vue,js,ts,jsx,tsx}", "./src/**/*.{vue,js,ts,jsx,tsx}",
], ],
theme: { theme: {
extend: {}, extend: {
colors: {
primary: '#FEC400',
}
},
}, },
plugins: [], plugins: [],
} }