积分商城页面设计

1、积分商城·前端UI需求：1、积分商城首页 您目前的积分为1000分！ 积分查询 兑换记录 抽奖记录 捐赠记录Header积分商城共有商品100 件！积分抽奖积分捐赠积分规则奖品兑换帮助商品分类： Jjmmw服务 温馨家居 户外运动 欢乐时尚 商务礼品奖品兑换Top10奖品名称兑换次数定制板块关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXXXX.com Inc. All Rights Reserved.商品搜索： 搜索新品推荐： 更多>>礼品图片礼品图片礼品图片礼品图片名称×

2、5;×名称×××名称×××名称×××积分数××积分数××积分数××积分数××兑换 查看 兑换 查看 兑换 查看 兑换 查看 精品推荐： 更多>>礼品图片礼品图片礼品图片礼品图片名称×××名称×××名称×××名称×××积分数××积分数××积分数

3、15;×积分数××兑换 查看 兑换 查看 兑换 查看 兑换 查看 Jjmmw服务： 更多>>礼品图片礼品图片礼品图片礼品图片名称×××名称×××名称×××名称×××积分数××积分数××积分数××积分数××兑换 查看 兑换 查看 兑换 查看 兑换 查看 说明：·如果用户还没有登录时，则“您目前的积分为1000分！积分查询”该处显示为“您还有登录，请

4、登录或注册”；·点击奖品图片和奖品名称链接到奖品详情页面；·用户没有登录的情况下，点击“我要兑换”，则跳转到登录界面，登录后自动跳转到奖品详情页面；·搜索按照奖品类别或者积分区间进行搜索；2、商品列表页面（搜索&更多） 您目前的积分为1000分！ 积分查询 兑换记录 抽奖记录 捐赠记录 商品搜索： 奖品类别 / 积分区间 搜索 Header积分商城共有商品100 件！积分抽奖积分捐赠积分规则奖品兑换帮助商品分类： Jjmmw服务 温馨家居 户外运动 欢乐时尚 商务礼品奖品兑换Top10奖品名称兑换次数积分兑换排行榜会员名兑换积分数定制板块关于我们 | Ab

5、out Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXXX.com Inc. All Rights Reserved.搜索结果： 排序： 共搜索到商品65件 共5页 1234转到 页 GO图片名称：编号：价格： 兑换 查看图片名称：编号：价格： 兑换 查看图片名称：编号：价格： 查看 兑换图片名称：编号：价格： 兑换 查看图片名称：编号：价格： 兑换 查看共搜索到商品65件 共5页 1234转到 页 GO3、商品介绍页面用户登录的情况下： 您目前的积分为1000分！ 积分查询 兑换记录 抽奖记录 捐赠记录 商品搜索： 搜索Header积分

6、商城共有商品100 件！积分抽奖积分捐赠积分规则奖品兑换帮助商品分类： Jjmmw服务 温馨家居 户外运动 欢乐时尚 商务礼品奖品兑换Top10奖品名称兑换次数积分兑换排行榜会员名兑换积分数定制板块关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXX.com Inc. All Rights Reserved.奖品图片奖品名称：奖品编号： 单位：个兑换方式：1000分说明：您的积分不足以兑换此奖品奖品介绍：您的联系方式：请留下您的联系方式，以便有问题时我们第一时间能联系到您！真实姓名： 联系电话： 证件类型： 证件号码

7、： 邮政编码： 邮寄地址： 备注： 兑换需知：兑换方法：奖品申请兑换只接受网上提交暂不接受电话或上门等其他方式兑换。取消和更改：奖品兑换申请一经处理，将不再接受取消或者更改。兑换此奖品说明：用户填写的资料自动从赛客会中提取数据，用户在此可进行修改。用户未登录的情况下： 您还未登录，请登录或注册！积分查询 兑换记录 抽奖记录 捐赠记录 商品搜索： 搜索Header积分商城共有商品100 件！积分抽奖积分捐赠积分规则奖品兑换帮助商品分类： Jjmmw服务 温馨家居 户外运动 欢乐时尚 商务礼品奖品兑换Top10奖品名称兑换次数积分兑换排行榜会员名兑换积分数定制板块关于我们 | About Us |

8、 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXXX.com Inc. All Rights Reserved.奖品图片奖品名称：奖品编号： 单位：个兑换方式：1000分说明：您的积分不足以兑换此奖品奖品介绍：立即兑换您还未登录，请登录 或 注册！兑换记录页面：Header积分商城首页 积分兑换 积分抽奖 积分捐赠您目前的积分为1000分！ 积分查询 兑换记录 抽奖记录 捐赠记录兑换日期商品名称兑换积分交易数量单位状态关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXX.

9、com Inc. All Rights Reserved.4、积分抽奖4.1抽奖首页Header积分商城共有商品100 件！积分抽奖积分捐赠积分规则奖品兑换帮助商品分类： Jjmmw服务 温馨家居 户外运动 欢乐时尚 商务礼品奖品兑换Top10奖品名称兑换次数积分兑换排行榜会员名兑换积分数定制板块积分抽奖 活动时间：XXXX-3-18 16:00至XXXX-4-18 16:00 第10期 离开奖还有10天12小时32分35秒您目前的积分为1000分！ 积分查询 兑换记录 抽奖记录 捐赠记录本期奖品 查看中奖 第请选择期图片名称50积分中奖名额：50参加数：6322图片名称50积分中奖名额：50

10、参加数：6322图片名称50积分中奖名额：50参加数：6322马上抽奖 查看马上抽奖 查看马上抽奖 查看图片名称50积分中奖名额：50参加数：6322图片名称50积分中奖名额：50参加数：6322图片名称50积分中奖名额：50参加数：6322马上抽奖 查看马上抽奖 查看马上抽奖 查看图片名称50积分中奖名额：50参加数：6322图片名称50积分中奖名额：50参加数：6322图片名称50积分中奖名额：50参加数：6322马上抽奖 查看马上抽奖 查看马上抽奖 查看关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©2006XXXXX

11、X.com Inc. All Rights Reserved.4.2抽奖奖品介绍Header积分商城共有商品100 件！积分抽奖积分捐赠积分规则奖品兑换帮助商品分类： Jjmmw服务 温馨家居 户外运动 欢乐时尚 商务礼品奖品兑换Top10奖品名称兑换次数积分兑换排行榜会员名兑换积分数定制板块积分抽奖 活动时间：XXXX-3-18 16:00至XXXX-4-18 16:00 第10期 离开奖还有10天12小时32分35秒本期奖品 查看中奖 第请选择期图片抽奖期数：奖品编码：奖品名称：奖品单位：抽奖单价：中奖名额：参加数：马上抽奖温馨提示：如果您未中奖，所参加本项抽奖的积分将不退回！图片仅供参考

12、，具体以实物为准奖品介绍：关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXX.com Inc. All Rights Reserved.4.3点击抽奖之后，弹出对话框：尊敬的×××，您已成功花30积分参与此次抽奖！预祝您中奖！确 定4.4抽奖记录页面Header积分商城首页 积分兑换 积分抽奖 积分捐赠您目前的积分为1000分！ 积分查询 兑换记录 抽奖记录 捐赠记录正在进行的抽奖活动：第××期 活动时间：XXXX-3-18 16:00至XXXX-4-18 16:0

13、0 离开奖时间还有××小时奖品编号奖品名称单价名额数量起号止号继续参加往期中奖记录：期号奖品编号奖品名称数量单价使用积分起号止号往期参与记录：期号奖品编号奖品名称数量单价使用积分起号止号关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXX.com Inc. All Rights Reserved.说明：继续参加下的“继续抽奖”按钮，链接到该奖品的介绍页面；5、积分捐赠5.1积分捐赠首页Header您目前的积分为1000分！积分查询 兑换记录 抽奖记录 捐赠记录捐赠花絮：往期回顾：爱心通告：积分抽奖

14、积分捐赠积分规则奖品兑换帮助爱心捐赠图片广告爱心捐赠排行榜： 查看当前捐赠项目：××××××××××××××爱心编号：名称：（×××积分起捐）项目名称我要捐赠爱心编号：名称：（×××积分起捐）项目名称我要捐赠爱心编号：名称：（×××积分起捐）项目名称关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©X

15、XXXXX.com Inc. All Rights Reserved.点击项目名称显示页面为：Header您目前的积分为1000分！积分查询 兑换记录 抽奖记录 捐赠记录捐赠花絮：往期回顾：爱心通告：积分抽奖积分捐赠积分规则奖品兑换帮助爱心捐赠图片广告爱心捐赠排行榜： 查看定制部分！（内容介绍！）关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXX.com Inc. All Rights Reserved.点击爱心编号显示页面为：Header您目前的积分为1000分！积分查询 兑换记录 抽奖记录 捐赠记录捐赠花絮：往

16、期回顾：爱心通告：积分抽奖积分捐赠积分规则奖品兑换帮助爱心捐赠图片广告爱心捐赠排行榜： 查看爱心编号：5000积分一件校服（×××积分起捐）项目名称详情：关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXX.com Inc. All Rights Reserved.5.2爱心捐赠排行榜Header您目前的积分为1000分！积分查询 兑换记录抽奖记录 捐赠记录捐赠花絮：往期回顾：爱心通告：积分抽奖积分捐赠积分规则奖品兑换帮助爱心捐赠图片广告爱心捐赠排行榜： 查看××&#

17、215;×××××××××××捐赠排行榜爱心编号：×× ××× ×× ××× ××× ×× ×××爱心编号：×××× 5000积分一件校服 我要捐赠名次：会员名：捐赠数：名次：会员名：捐赠数：名次：会员名：捐赠数： 更多>>爱心编号：××

18、×× 5000积分一件校服 名次：会员名：捐赠数：名次：会员名：捐赠数：名次：会员名：捐赠数： 更多>>捐赠排行榜以捐赠积分数额为顺序，如出现捐赠积分相同情况，以先捐赠者为先。关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXX.com Inc. All Rights Reserved.点击更多，链接为：Header您目前的积分为1000分！积分查询 兑换记录 抽奖记录 捐赠记录捐赠花絮：往期回顾：爱心通告：积分抽奖积分捐赠积分规则奖品兑换帮助爱心捐赠图片广告爱心捐赠排行榜： 查看&#

19、215;×××××××××××××捐赠排行榜爱心编号：×× ××× ×× ××× ××× ×× ×××爱心编号：×××× 5000积分一件校服 我要捐赠名次：会员名：捐赠数：名次：会员名：捐赠数：名次：会员名：捐赠数：名次：会员名：捐赠数：名次：会员

20、名：捐赠数：捐赠排行榜以捐赠积分数额为顺序，如出现捐赠积分相同情况，以先捐赠者为先。关于我们 | About Us | 客服中心 | 网站导航 | 联系我们 | 设为首页Copyright ©XXXXXX.com Inc. All Rights Reserved.说明：该页面名次显示18名；5.3捐赠花絮Header您目前的积分为1000分！积分查询 兑换记录 抽奖记录 捐赠记录捐赠花絮：往期回顾：爱心通告：积分抽奖积分捐赠积分规则奖品兑换帮助爱心捐赠图片广告爱心捐赠排行榜： 查看定制部分！（照片、感谢信、说说心里话）关于我们 | About Us | 客服中心 | 网站导航 | 联

21、系我们 | 设为首页Copyright ©XXXXXX.com Inc. All Rights Reserved.5.4爱心通告Header您目前的积分为1000分！积分查询 兑换记录 抽奖记录 捐赠记录捐赠花絮：往期回顾：爱心通告：积分抽奖积分捐赠积分规则奖品兑换帮助爱心捐赠图片广告爱心捐赠排行榜： 查看积分商城爱心捐赠通告××××××××××××××××××××××

22、;××××××××××××××××××××××××××××××××××××××××××××××××××

23、;××××××××××××××××××××××××××××××××××××××××××××××××××

24、;×××××捐赠单项前三名爱心大使（获得×××××）：爱心编号捐赠物品会员名××××××××NO.1 ×××NO.2 ×××NO.3 ×××××××××××NO.1 ×××NO.2 ×××NO.3 ×××××××××××NO.1 ×&#