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