Fix: 更新价格和样式
This commit is contained in:
parent
73e60f08d6
commit
b8c96555f9
|
|
@ -25,6 +25,14 @@
|
|||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.header h2 {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 700;
|
||||
margin: 0 0 0.6rem;
|
||||
color: #1a1a2e;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.header-sub {
|
||||
font-size: 0.85rem;
|
||||
color: #666;
|
||||
|
|
|
|||
11
src/App.tsx
11
src/App.tsx
|
|
@ -87,7 +87,8 @@ function App() {
|
|||
{/* Header */}
|
||||
<header className="header">
|
||||
<div className="header-icon">📷</div>
|
||||
<h1>摄影套餐价格计算器</h1>
|
||||
<h1>晓螺</h1>
|
||||
<h2>摄影套餐价格计算器</h2>
|
||||
<p className="header-sub">按价目表原价;同时选单人与双人可再减 5 元</p>
|
||||
</header>
|
||||
|
||||
|
|
@ -99,7 +100,7 @@ function App() {
|
|||
</h2>
|
||||
|
||||
<div className="package-group">
|
||||
<h3 className="group-label">👤 单人套餐</h3>
|
||||
<h3 className="group-label">👤 独行者</h3>
|
||||
<div className="package-grid">
|
||||
{singlePackages.map((pkg) => (
|
||||
<PackageCard
|
||||
|
|
@ -113,7 +114,7 @@ function App() {
|
|||
</div>
|
||||
|
||||
<div className="package-group">
|
||||
<h3 className="group-label">👥 双人套餐</h3>
|
||||
<h3 className="group-label">👥 双人成行</h3>
|
||||
<div className="package-grid">
|
||||
{dualPackages.map((pkg) => (
|
||||
<PackageCard
|
||||
|
|
@ -143,7 +144,7 @@ function App() {
|
|||
) : (
|
||||
<div className="selected-grid">
|
||||
<div className="selected-column">
|
||||
<h3 className="column-title">👤 单人套餐</h3>
|
||||
<h3 className="column-title">👤 独行者</h3>
|
||||
{selectedSingle.length === 0 ? (
|
||||
<p className="column-empty">未选择</p>
|
||||
) : (
|
||||
|
|
@ -167,7 +168,7 @@ function App() {
|
|||
<div className="selected-divider" />
|
||||
|
||||
<div className="selected-column">
|
||||
<h3 className="column-title">👥 双人套餐</h3>
|
||||
<h3 className="column-title">👥 双人成行</h3>
|
||||
{selectedDual.length === 0 ? (
|
||||
<p className="column-empty">未选择</p>
|
||||
) : (
|
||||
|
|
|
|||
Loading…
Reference in New Issue