小草牛肉坊_H5/member.html · 约 4034 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>会员中心 · 小草牛肉坊</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<header class="header"><span class="back"></span><h1>会员中心</h1><span class="right">⚙️</span></header>
12<div class="vip-card">
13 <div class="vc-level">👑 金卡会员 · 尊享 9 折</div>
14 <div class="vc-name">金卡会员</div>
15 <div class="vc-exp">距离钻石会员还差 320 成长值 · 到期 2027-08</div>
16 <div class="vc-bar"><i></i></div>
17</div>
18<div class="assets">
19 <div class="asset-item"><b>1,280</b><span>积分</span></div>
20 <div class="asset-item"><b>¥260</b><span>储值余额</span></div>
21 <div class="asset-item"><b>6 张</b><span>优惠券</span></div>
22</div>
23<div class="sign-btn">📅 每日签到 +10 积分</div>
24<div class="section-title">🎯 会员特权</div>
25<div class="vip-grid">
26 <div class="vip-item" data-toast="会员价已生效"><div class="vi-emoji">🏷️</div><div class="vi-name">会员专享价</div><div class="vi-desc">金卡 9 折 · 银卡 95 折</div></div>
27 <div class="vip-item" data-toast="每周五会员日"><div class="vi-emoji">📅</div><div class="vi-name">会员福利日</div><div class="vi-desc">每周五全场折上折</div></div>
28 <div class="vip-item" data-toast="生日当天 2 倍积分"><div class="vi-emoji">🎂</div><div class="vi-name">生日双倍积分</div><div class="vi-desc">生日月消费积分翻倍</div></div>
29 <div class="vip-item" data-toast="参与积分抽奖"><div class="vi-emoji">🎰</div><div class="vi-name">积分抽奖</div><div class="vi-desc">100 积分抽霸王餐</div></div>
30 <div class="vip-item" data-toast="积分可当钱花"><div class="vi-emoji">🛍️</div><div class="vi-name">积分商城</div><div class="vi-desc">兑换牛肉 / 代金券</div></div>
31 <div class="vip-item" data-toast="新品尝鲜权已发放"><div class="vi-emoji">🍢</div><div class="vi-name">新品尝鲜权</div><div class="vi-desc">新品 5 折试吃</div></div>
32</div>
33<div class="section-title">💳 储值有礼</div>
34<div class="recharge-box">
35 <div class="rb-title">储值多充多赠 · 门店线上通用</div>
36 <div class="recharge-opts">
37 <div class="recharge-opt sel"><b>¥200</b><span>送 10 元券</span></div>
38 <div class="recharge-opt"><b>¥500</b><span>送 30 元券</span></div>
39 <div class="recharge-opt"><b>¥1000</b><span>送 80 元券</span></div>
40 </div>
41 <div class="btn btn-gold" style="margin-top:14px" data-toast="充值成功，券已到账">立即充值</div>
42</div>
43<div class="section-title">🚀 赚钱与活动</div>
44<div class="vip-grid">
45 <div class="vip-item" data-toast="邀请 3 人成团享 8 折"><div class="vi-emoji">👥</div><div class="vi-name">好友拼团</div><div class="vi-desc">3 人成团 8 折</div></div>
46 <div class="vip-item" data-toast="已发起砍价"><div class="vi-emoji">🪓</div><div class="vi-name">邀请砍价</div><div class="vi-desc">砍到最低 5 折</div></div>
47 <div class="vip-item" data-toast="分销佣金比例 10%"><div class="vi-emoji">💰</div><div class="vi-name">分享赚佣金</div><div class="vi-desc">好友下单返 10%</div></div>
48 <div class="vip-item" data-toast="整牛预售已开启"><div class="vi-emoji">🐂</div><div class="vi-name">整牛预售</div><div class="vi-desc">按头预订更划算</div></div>
49</div>
50
51<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="category.html"><span class="icon">🍖</span>分类</a><a class="" href="cart.html"><span class="icon">🛒</span>购物车</a><a class=" active" href="member.html"><span class="icon">👑</span>会员</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
52<script src="data.js"></script>
53
54<script src="app.js"></script>
55</body>
56</html>