中科集团HTML托管
返回管理
编辑页面
页面标题
有效期
7天
30天
90天
修改后将从当前时间重新计算过期时间
CSS文件（可选）
JS文件（可选）
HTML内容
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>花语时光 - 鲜花配送</title> <link rel="stylesheet" href="styles.css"> </head> <body> <!-- 手机容器 --> <div class="phone-container"> <!-- 首页 --> <div id="page-home" class="page active"> <div class="home-header"> <div class="location-row"> <span class="location-icon">📍</span> <span class="location-text">朝阳区望京街道</span> <span class="delivery-time">预计<span class="highlight">28分钟</span>送达</span> </div> </div> <div class="search-bar" onclick="goPage('search')"> <span class="search-icon">🔍</span> <span class="search-placeholder">搜索鲜花、礼品...</span> </div> <div class="banner-carousel"> <div class="banner-item banner-1"> <div class="banner-content"> <div class="banner-tag">限时特惠</div> <h2>玫瑰组合套装</h2> <p>精选厄瓜多尔玫瑰 只需99元</p> <div class="banner-btn">立即抢购</div> </div> </div> <div class="banner-dots"> <span class="dot active"></span> <span class="dot"></span> <span class="dot"></span> </div> </div> <div class="quick-categories"> <div class="category-item" onclick="goPage('category')"> <div class="cat-icon" style="background:#FFE4E1;">🌹</div> <span>玫瑰</span> </div> <div class="category-item" onclick="goPage('category')"> <div class="cat-icon" style="background:#E6E6FA;">💐</div> <span>康乃馨</span> </div> <div class="category-item" onclick="goPage('category')"> <div class="cat-icon" style="background:#FFFACD;">🌸</div> <span>郁金香</span> </div> <div class="category-item" onclick="goPage('category')"> <div class="cat-icon" style="background:#F0FFF0;">🌺</div> <span>百合</span> </div> <div class="category-item" onclick="goPage('category')"> <div class="cat-icon" style="background:#FFF0F5;">🌷</div> <span>综合花束</span> </div> <div class="category-item" onclick="goPage('category')"> <div class="cat-icon" style="background:#F5F5DC;">🎁</div> <span>礼品套装</span> </div> </div> <div class="promo-section"> <div class="promo-card promo-left"> <div class="promo-title">新人专享</div> <div class="promo-desc">满99减30</div> <div class="promo-tag">限时</div> </div> <div class="promo-card promo-right"> <div class="promo-title">会员日</div> <div class="promo-desc">双倍积分</div> <div class="promo-tag">周三</div> </div> </div> <div class="section-header"> <h3>🌸 热门推荐</h3> <span class="more-link" onclick="goPage('category')">更多 ></span> </div> <div class="product-grid"> <div class="product-card" onclick="goPage('detail', 1)"> <div class="product-image" style="background: linear-gradient(135deg, #FFB6C1, #FFC0CB);"> <span class="product-emoji">🌹</span> </div> <div class="product-info"> <h4>红玫瑰经典款</h4> <p class="product-desc">11支精品红玫瑰 · 艺术包装</p> <div class="product-price"> <span class="price-current">¥128</span> <span class="price-original">¥168</span> </div> <div class="product-tags"> <span class="tag-hot">🔥 爆款</span> </div> </div> </div> <div class="product-card" onclick="goPage('detail', 2)"> <div class="product-image" style="background: linear-gradient(135deg, #DDA0DD, #EE82EE);"> <span class="product-emoji">💐</span> </div> <div class="product-info"> <h4>康乃馨亲情花束</h4> <p class="product-desc">16支康乃馨 · 精美包装</p> <div class="product-price"> <span class="price-current">¥98</span> <span class="price-original">¥128</span> </div> <div class="product-tags"> <span class="tag-new">新品</span> </div> </div> </div> <div class="product-card" onclick="goPage('detail', 3)"> <div class="product-image" style="background: linear-gradient(135deg, #FFDAB9, #FFE4C4);"> <span class="product-emoji">🌷</span> </div> <div class="product-info"> <h4>郁金香清新束</h4> <p class="product-desc">10支荷兰郁金香 · 简约风</p> <div class="product-price"> <span class="price-current">¥158</span> <span class="price-original">¥198</span> </div> <div class="product-tags"></div> </div> </div> <div class="product-card" onclick="goPage('detail', 4)"> <div class="product-image" style="background: linear-gradient(135deg, #98FB98, #90EE90);"> <span class="product-emoji">🌺</span> </div> <div class="product-info"> <h4>百合纯洁之恋</h4> <p class="product-desc">5支香水百合 · 淡雅芬芳</p> <div class="product-price"> <span class="price-current">¥188</span> <span class="price-original">¥238</span> </div> <div class="product-tags"> <span class="tag-hot">🔥 热销</span> </div> </div> </div> <div class="product-card" onclick="goPage('detail', 5)"> <div class="product-image" style="background: linear-gradient(135deg, #FFB7C5, #FF69B4);"> <span class="product-emoji">💝</span> </div> <div class="product-info"> <h4>混搭浪漫套餐</h4> <p class="product-desc">玫瑰+百合+满天星</p> <div class="product-price"> <span class="price-current">¥268</span> <span class="price-original">¥358</span> </div> <div class="product-tags"> <span class="tag-sale">特惠</span> </div> </div> </div> <div class="product-card" onclick="goPage('detail', 6)"> <div class="product-image" style="background: linear-gradient(135deg, #E6E6FA, #D8BFD8);"> <span class="product-emoji">🌻</span> </div> <div class="product-info"> <h4>向日葵阳光礼盒</h4> <p class="product-desc">6支向日葵 · 活力满满</p> <div class="product-price"> <span class="price-current">¥138</span> <span class="price-original">¥178</span> </div> <div class="product-tags"> <span class="tag-new">新品</span> </div> </div> </div> </div> </div> <!-- 分类页 --> <div id="page-category" class="page"> <div class="page-header"> <div class="back-btn" onclick="goBack()">←</div> <h2>全部分类</h2> <div class="header-right"></div> </div> <div class="category-tabs"> <div class="tab active" onclick="switchTab(this, 'rose')">玫瑰</div> <div class="tab" onclick="switchTab(this, 'carnation')">康乃馨</div> <div class="tab" onclick="switchTab(this, 'tulip')">郁金香</div> <div class="tab" onclick="switchTab(this, 'lily')">百合</div> <div class="tab" onclick="switchTab(this, 'mixed')">综合</div> </div> <div class="category-banner"> <div class="cat-banner-content"> <h3>🌹 玫瑰专区</h3> <p>表达爱意的不二之选</p> </div> </div> <div class="filter-bar"> <span class="filter-item active">综合</span> <span class="filter-item">销量</span> <span class="filter-item">价格</span> <span class="filter-item">新品</span> </div> <div class="category-products"> <div class="product-list-item" onclick="goPage('detail', 1)"> <div class="list-image" style="background:#FFE4E1;"> <span class="product-emoji">🌹</span> </div> <div class="list-info"> <h4>红玫瑰经典款</h4> <p>11支精品红玫瑰，艺术包装</p> <div class="list-price">¥128 <span class="original">¥168</span></div> <div class="list-tags"><span>爆款</span><span>满减</span></div> </div> <div class="add-cart-btn" onclick="event.stopPropagation(); addToCart(1)">+</div> </div> <div class="product-list-item" onclick="goPage('detail', 7)"> <div class="list-image" style="background:#FFB6C1;"> <span class="product-emoji">🌹</span> </div> <div class="list-info"> <h4>粉玫瑰甜蜜款</h4> <p>19支粉玫瑰，温柔包装</p> <div class="list-price">¥188 <span class="original">¥238</span></div> <div class="list-tags"><span>热销</span></div> </div> <div class="add-cart-btn" onclick="event.stopPropagation(); addToCart(7)">+</div> </div> <div class="product-list-item" onclick="goPage('detail', 8)"> <div class="list-image" style="background:#FFFACD;"> <span class="product-emoji">🌼</span> </div> <div class="list-info"> <h4>黄玫瑰友谊款</h4> <p>11支黄玫瑰，明亮包装</p> <div class="list-price">¥118 <span class="original">¥148</span></div> <div class="list-tags"><span>满99减20</span></div> </div> <div class="add-cart-btn" onclick="event.stopPropagation(); addToCart(8)">+</div> </div> <div class="product-list-item" onclick="goPage('detail', 9)"> <div class="list-image" style="background:#E6E6FA;"> <span class="product-emoji">💜</span> </div> <div class="list-info"> <h4>紫玫瑰尊贵款</h4> <p>9支紫玫瑰，豪华包装</p> <div class="list-price">¥218 <span class="original">¥288</span></div> <div class="list-tags"><span>新品</span><span>会员专享</span></div> </div> <div class="add-cart-btn" onclick="event.stopPropagation(); addToCart(9)">+</div> </div> </div> </div> <!-- 商品详情页 --> <div id="page-detail" class="page"> <div class="detail-header"> <div class="back-btn" onclick="goBack()">←</div> <div class="header-actions"> <span class="share-btn">分享</span> </div> </div> <div class="detail-image"> <div class="detail-product-icon" id="detail-icon">🌹</div> <div class="detail-badges"> <span class="badge-hot" id="detail-badge-hot">🔥 爆款</span> </div> </div> <div class="detail-content"> <div class="detail-price-row"> <span class="detail-price" id="detail-price">¥128</span> <span class="detail-original" id="detail-original">¥168</span> <span class="detail-sales">已售 3286</span> </div> <h2 class="detail-title" id="detail-title">红玫瑰经典款</h2> <p class="detail-desc" id="detail-desc">精选厄瓜多尔进口玫瑰，11支精品红玫瑰，搭配精美艺术包装，适合表白、纪念日等浪漫场合。</p> <div class="promotion-bar" onclick="goPage('coupons')"> <span class="promo-label">优惠</span> <span class="promo-text">满99减20 可用优惠券</span> <span class="promo-arrow">></span> </div> <div class="spec-row" onclick="showSpecModal()"> <span class="spec-label">已选</span> <span class="spec-value">11支装 · 艺术包装</span> <span class="spec-arrow">></span> </div> <div class="delivery-row"> <span class="spec-label">配送</span> <div class="delivery-info"> <span class="delivery-time-text">预计28分钟送达</span> <span class="delivery-fee">免运费</span> </div> </div> </div> <div class="detail-section"> <h3>商品评价</h3> <div class="review-item"> <div class="review-user">张***</div> <div class="review-content">花很新鲜，包装精美，送货超快！女朋友很喜欢 💐</div> <div class="review-time">2026-04-18</div> </div> <div class="review-item"> <div class="review-user">李***</div> <div class="review-content">性价比很高，下次还会回购</div> <div class="review-time">2026-04-15</div> </div> </div> <div class="detail-section"> <h3>商品详情</h3> <div class="detail-images"> <div class="detail-img-placeholder">📷 商品图1</div> <div class="detail-img-placeholder">📷 商品图2</div> <div class="detail-img-placeholder">📷 商品图3</div> </div> </div> <div class="detail-bottom-bar"> <div class="bottom-icons"> <div class="bottom-icon-item" onclick="goPage('home')"> <span class="icon-home">🏠</span> <span>首页</span> </div> <div class="bottom-icon-item" onclick="goPage('cart')"> <span class="icon-cart">🛒</span> <span>购物车</span> <span class="cart-badge" id="cart-badge">0</span> </div> </div> <div class="bottom-btns"> <div class="btn-add-cart" onclick="addToCartFromDetail()">加入购物车</div> <div class="btn-buy-now" onclick="buyNow()">立即购买</div> </div> </div> </div> <!-- 购物车页 --> <div id="page-cart" class="page"> <div class="page-header"> <div class="back-btn" onclick="goBack()">←</div> <h2>购物车</h2> <div class="header-right" onclick="clearCart()">清空</div> </div> <div id="cart-empty" class="cart-empty" style="display:none;"> <div class="empty-icon">🛒</div> <h3>购物车是空的</h3> <p>去挑选心仪的鲜花吧</p> <div class="empty-btn" onclick="goPage('home')">去逛逛</div> </div> <div id="cart-content" class="cart-content"> <div class="cart-store"> <div class="store-header"> <span class="store-name">🌸 花语时光</span> </div> <div id="cart-items"> <!-- 动态生成 --> </div> </div> <div class="promotion-section"> <div class="promotion-row" onclick="goPage('coupons')"> <span class="promo-icon">🎫</span> <span class="promo-title">优惠券</span> <span class="promo-amount" id="selected-coupon-text">待选择</span> <span class="arrow">></span> </div> <div class="promotion-row"> <span class="promo-icon">🎁</span> <span class="promo-title">满减优惠</span> <span class="promo-status" id="promo-status">还差¥20享满99减20</span> </div> </div> <div class="cart-summary"> <div class="summary-row"> <span>商品金额</span> <span id="goods-amount">¥0</span> </div> <div class="summary-row"> <span>运费</span> <span class="free-shipping">免运费</span> </div> <div class="summary-row" id="discount-row" style="display:none;"> <span>优惠</span> <span class="discount-amount" id="discount-amount">-¥0</span> </div> <div class="summary-total"> <span>合计</span> <span class="total-price" id="total-price">¥0</span> </div> </div> </div> <div class="cart-bottom-bar" id="cart-bottom-bar"> <div class="total-info"> <span class="total-label">合计：</span> <span class="total-amount" id="cart-total-amount">¥0</span> </div> <div class="checkout-btn" onclick="goToCheckout()">去结算</div> </div> </div> <!-- 结算页 --> <div id="page-checkout" class="page"> <div class="page-header"> <div class="back-btn" onclick="goBack()">←</div> <h2>确认订单</h2> <div class="header-right"></div> </div> <div class="checkout-content"> <div class="address-section" onclick="goPage('address')"> <div class="address-icon">📍</div> <div class="address-info"> <div class="address-name">李先生 <span class="default-tag">默认</span></div> <div class="address-phone">138****8888</div> <div class="address-detail">北京市朝阳区望京街道望京SOHO T2 1608室</div> </div> <span class="arrow">></span> </div> <div class="delivery-time-section"> <div class="section-label">送达时间</div> <div class="time-options"> <div class="time-option selected" onclick="selectTime(this)"> <div class="time-value">尽快送达</div> <div class="time-price">预计 28分钟</div> </div> <div class="time-option" onclick="selectTime(this)"> <div class="time-value">13:00-14:00</div> <div class="time-price">免运费</div> </div> <div class="time-option" onclick="selectTime(this)"> <div class="time-value">14:00-15:00</div> <div class="time-price">免运费</div> </div> </div> </div> <div class="gift-section"> <div class="section-label">贺卡留言</div> <textarea class="gift-message" placeholder="添加贺卡留言，让祝福更温馨（选填）">
订单商品
支付方式
💳
微信支付
✓
💰
支付宝
🎫 使用优惠券
省¥20 >
实付款：
¥0
提交订单
👤
张小花
🌸 银卡会员
编辑资料
2
待付款
1
待发货
3
待收货
15
评价
📋
我的订单
>
🎫
我的优惠券
3张可用
>
📍
收货地址
>
❤️
我的收藏
>
❓
帮助与客服
>
ℹ️
关于我们
>
⚙️
设置
>
🌸 花语会员
开通即享更多优惠与专属服务
立即开通
←
优惠券
可用(3)
已使用(2)
已过期(1)
¥20
满99可用
新人专享券
有效期至 2026-04-30
全场通用，新用户专享
立即使用
¥10
满59可用
限时满减券
有效期至 2026-05-15
玫瑰系列专用
立即使用
¥15
满79可用
会员专属券
有效期至 2026-05-20
银卡会员专享
立即使用
¥30
满199可用
节日特惠券
有效期至 2026-04-10
已使用 · 订单 #12345
¥15
满89可用
周末特惠券
有效期至 2026-04-05
已使用 · 订单 #12340
¥25
满159可用
春节特惠券
有效期至 2026-02-28
已过期
←
我的订单
全部
待付款
待发货
待收货
待评价
🌸 花语时光
待发货
🌹
红玫瑰经典款 x1
¥128
💐
康乃馨亲情花束 x1
¥98
🌸 花语时光
配送中
已下单
制作中
配送中
已送达
🌷
郁金香清新束 x1
¥158
←
订单详情
🚴
配送中
骑手正在配送中，预计12分钟后送达
👨
王师傅
📞 138****6666
拨打电话
📍
李先生
138****8888
北京市朝阳区望京街道望京SOHO T2 1608室
订单编号
FH20260420001
下单时间
2026-04-20 14:30
支付方式
微信支付
🌹
红玫瑰经典款
11支装 · 艺术包装
¥128 x1
💐
康乃馨亲情花束
16支装 · 精美包装
¥98 x1
商品金额
¥226
运费
免运费
优惠券
-¥20
实付款
¥206
联系客服
再次购买
确认收货
🔍
取消
🔥 热门搜索
玫瑰
康乃馨
百合
生日鲜花
表白花束
道歉鲜花
🕐 搜索历史
🕐
红玫瑰
🕐
母亲节花束
✓
订单提交成功
感谢您的购买，鲜花正在准备中
订单号
FH20260420002
预计送达
28分钟内
查看订单详情
返回首页
←
收货地址
+ 添加
李先生
默认
138****8888
北京市朝阳区望京街道望京SOHO T2 1608室
编辑
删除
李小姐
139****9999
北京市海淀区中关村大街1号院A座1201室
设为默认
编辑
删除
←
编辑地址
收货人
手机号码
所在地区
北京市 朝阳区
>
详细地址
望京SOHO T2 1608室
设为默认地址
保存地址
←
我的收藏
🌹
红玫瑰经典款
¥128
✕
🌷
郁金香清新束
¥158
✕
🌺
百合纯洁之恋
¥188
✕
←
设置
👤
个人信息
>
🔔
消息通知
>
🔐
账户安全
>
📱
隐私设置
>
退出登录
花语时光 v1.0.0
←
帮助与客服
📌 常见问题
如何修改收货地址？
>
如何申请退款？
>
配送范围和时间？
>
如何取消订单？
>
📞 联系我们
客服电话：400-888-8888
工作时间：9:00 - 21:00
在线客服
←
关于我们
🌸
花语时光
专注为您提供新鲜、优质的鲜花配送服务，让每一份爱意都能及时送达。
🌹
精选鲜花
🚴
1小时达
💐
专业花艺
版本 1.0.0
选择规格
✕
数量
11支装
19支装
33支装
包装风格
艺术包装
简约包装
豪华包装
已添加到购物车
🏠
首页
📂
分类
🛒
购物车
0
👤
我的