某杰废品回收站_H5/member.html · 约 4450 字符
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="eco-card">
13 <div class="ec-level">🌱 环保等级 · 白银回收达人</div>
14 <div class="ec-name">你已累计回收 328 公斤</div>
15 <div class="ec-exp">距离黄金达人还差 172 公斤 · 积分加成 +15%</div>
16 <div class="ec-bar"><i></i></div>
17</div>
18<div class="assets">
19 <div class="asset-item"><b>2586</b><span>环保积分</span></div>
20 <div class="asset-item"><b>¥86</b><span>可提现</span></div>
21 <div class="asset-item"><b>328</b><span>回收公斤</span></div>
22 <div class="asset-item"><b>¥412</b><span>累计收益</span></div>
23</div>
24<div class="sign-btn">🌿 每日签到领 20 环保积分</div>
25<div class="eco-report">
26 <div class="er-title">🌍 我的环保贡献</div>
27 <div class="er-grid">
28 <div class="er-cell"><b>196</b><span>减碳 kg</span></div>
29 <div class="er-cell"><b>11</b><span>相当于种树(棵)</span></div>
30 <div class="er-cell"><b>1.2</b><span>节约木材(吨)</span></div>
31 </div>
32 <div class="er-note">你的 328 公斤回收物 ≈ 减少碳排放 196 公斤，相当于种下 11 棵树、节约 1.2 吨木材与 3.6 吨水。数据随每单回收自动累计，可生成专属环保账单。</div>
33 <div class="btn btn-primary" style="margin-top:12px" data-toast="环保账单海报已生成，可保存分享">生成我的环保账单</div>
34</div>
35<div class="section-title">🎁 积分商城 <span>积分当钱花</span></div>
36<div class="mall-grid" id="mallList"></div>
37<div class="section-title">🏅 我的环保勋章</div>
38<div class="badge-grid" id="medalList"></div>
39<div class="section-title">🚀 邀好友一起回收</div>
40<div class="vip-grid">
41 <div class="vip-item" data-toast="邀请海报已生成"><div class="vi-emoji">📤</div><div class="vi-name">邀好友回收</div><div class="vi-desc">好友首单你得 10 元</div></div>
42 <div class="vip-item" data-toast="片区团长计划已为你登记"><div class="vi-emoji">🏘️</div><div class="vi-name">社区团长</div><div class="vi-desc">拿片区业绩提成</div></div>
43 <div class="vip-item" data-toast="企业大宗回收通道已开启"><div class="vi-emoji">🏭</div><div class="vi-name">企业大宗回收</div><div class="vi-desc">月结对账开发票</div></div>
44 <div class="vip-item" data-toast="以旧换新活动已参与"><div class="vi-emoji">🔄</div><div class="vi-name">以旧换新</div><div class="vi-desc">旧家电抵新机券</div></div>
45</div>
46<div class="section-title">📚 回收小知识</div>
47<div class="card" style="margin-top:0;font-size:12px;color:#2c5b50;line-height:2">
48 · 纸箱去掉胶带能多卖 15%：胶带属杂质，会按扣重处理<br/>
49 · 饮料瓶去盖踩扁，同样重量体积小一半，装袋更方便<br/>
50 · 废旧手机务必现场抹除数据，正规平台会出具隐私承诺单<br/>
51 · 废铜与废铝价格差 4 倍，分类存放别混在一起卖
52</div>
53
54
55<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>
56<script src="data.js"></script>
57<script>
58 var ml = document.getElementById('mallList');
59 var h = '';
60 window.DATA.pointsMall.forEach(function (m) {
61 h += '<div class="mall-item"><div class="mi-img">' + m.img + '</div><div class="mi-name">' + m.name + '</div><div class="mi-pts">' + m.pts + ' 分</div></div>';
62 });
63 ml.innerHTML = h;
64 var bl = document.getElementById('medalList');
65 var h2 = '';
66 window.DATA.medals.forEach(function (m) {
67 h2 += '<div class="badge-item' + (m.got ? '' : ' lock') + '"><div class="bi-ico">' + m.ico + '</div><div class="bi-name">' + m.name + '</div></div>';
68 });
69 bl.innerHTML = h2;
70</script>
71<script src="app.js"></script>
72</body>
73</html>