怎么用html做出一个消费记录查询

1. 查看已出账单的消费明细

登录xyk网上银行，并点击账户管理已出账单查询，即可点击每期账单的账单明细。

2. 查看未出账单的消费明细

登录xyk网上银行，并点击账户管理未出账单查询。

二、通过招行手机银行查询

手机银行：登录xyk手机银行，进入账户管理即可查询。

三、登录招商掌上生活查询

掌上生活：登录掌上生活，苹果手机进入账单还款账单查询；Android手机进入用卡服务账单还款。

四、通过EMAIL通知查询

如您开通了一般消费回报EMAIL通知服务，银行将在您xyk消费的次日，免费向您在我行登记的电子邮箱中发送前一日的消费明细(不含取消或退货交易)，便于您及时核对xyk消费记录。

App拉新一直是运营人面临的难点，而如何在钱少、人少、资源少的情况来拉新，更是难上加难。而H5的出现，则让运营人有了新的渠道来进行拉新活动！

微信Html5是什么呢？专家会告诉你，它是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。但是作为外行人来讲，除了知道万维网是WWW外，其它的就不那么明白了。其实Html5在微信中简称为“H5”。H5是一种相对最新且应用范围极广的高级网页技术，我们平时在微信看到那些邀请函、小游戏、品牌展示、抽奖等等都是H5网页，支付宝的年度账单、双十一的促销游戏也是使用H5制作的。

大众第一次接触到H5网页是通过支付宝的十年账单，此后，H5网页就火遍社交圈。现在我们经常在微信朋友圈里面被一些热门事件而刷屏，这些在微信朋友圈里的网页，传播速度非常快，有的在一两天内有几千万关注，而且在百度搜索指数达到上万。可见一个有料的H5页面大家很愿意分享的。

H5在技术层面有很大优势，微信H5页面中触摸、pinch、滑动、陀螺仪，辅之以文字、图片、动画、声音，对人的视觉和听觉冲击更大。而观赏一个具有创意且精心设计的页面，则是一种很好的享受。

因为移动互联网去中心化的特点，让每个微信用户都可能成为一个中心，只要这个用户分享了这个H5页面，那么他所有的好友都能看到这个H5页面。可以说只要H5页面做得足够动人，就会有人乐于分享传播，而且传播的效果非常好。

由于移动互联网的快速发展，以及移动设备的快速更新换代，加上微信这个有具有9.27亿注册用户的社交媒体软件，更是让H5页面获得了勃勃生机，得到了各企业商家的高度认可。

所以想要APP可以更好的拉新，不妨来试一试H5。蓝橙互动就是专业的H5开发公司，有专业的开发人才和设计，已有上百种案例，值得您的信赖！

一、首先从功能与设计目标来看， H5专网页主要有以下4大类型：

1.活动运营型

为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入微信H5页面到最后落地到品牌App内部，如何设计一套合适的引流路线也颇为重要。

2.品牌宣传型

不同于讲究时效性的活动运营页，品牌宣传型H5页面等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。

3.产品介绍型

聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户买买买。

这一类型的H5页面多见于汽车品牌，LEXUS NX是其中的优秀代表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随光的轨迹切割画面揭开序幕，通过合理优雅的触碰、摩擦、滑动等互动形式带领用户一同探索产品的7大特性，宏观和微观都照顾周全。

4.总结报告型

自从支付宝的十年账单引发热议后，各大企业的年终总结现也热衷于用H5技术实现，优秀的互动体验令原本乏味的总结报告有趣生动了起来。

二．形式为功能服务

在确定了专题页的功能目标之后，接下来就是关键的设计阶段了。如何有的放矢地进行设计，需要考虑到具体的应用场景和传播对象，从用户角度出发去思考什么样的页面是用户最想看的最会去分享的。

1.简单图文

简单图文是早期最典型的H5专题页形式。“图”的形式千变万化，可以是照片、插画、GIF等。通过翻页等简单的交互 *** 作，起到类似幻灯片的传播效果。考验的是高质量的内容本身和讲故事的能力。

2.礼物/贺卡/邀请函

每个人都喜欢收到礼物的感觉，抓住这一心理，品牌推出了各种H5形式的礼物、贺卡、邀请函，通过提升用户好感度来潜移默化地达到品牌宣传的目的。既然是礼物，那创意和制作便是重要的加分项。

3.问答/评分/测试

问答形式的H5页面也屡见不鲜了，利用用户的求知欲和探索欲，一路选选选，看最后到底是什么成绩。一条清晰的线索是必要的，最后到达的结果页也需要合理不突兀，如果能辅以出彩的视觉和文案，弱化答题的枯燥感那就再好不过了。

4.游戏

从 “围住神经猫”、“看你有多色”等单纯小游戏再到杜蕾斯“一夜N次郎”（即山寨版“别踩白块儿”）等品牌植入式小游戏，H5游戏因为 *** 作简单、竞技性强，一度风靡朋友圈，但创意缺乏和同质化现象导致用户对无脑小游戏逐渐产生了厌倦。品牌要在游戏上做到成功传播，需要在玩法和设计上多下点功夫。

三．为设计加分的4个要点

一个H5页面设计品质的出众与否，会直接影响其传播效果，甚至影响到用户对品牌形象的认知。在这里总结出以下的设计要点：

1.细节与统一

要成就高品质的用户体验，必须考虑到细节与整体的统一性。复古拟物的视觉风格，那字体就不能过于现代；幽默调侃的调调，那文案措辞就不能过于严肃；打情感内容牌的，动效就不能过于花哨。

2.紧跟热点，利用话题效应

想要你的H5专题页一夜爆红，第一时间抓住热点并火速上线，借机进行品牌宣传也不失为一条捷径。

3.讲个好故事，引发情感共鸣

不论H5的形式如何多变，有价值的内容始终是第一位的。在有限的篇幅里，学会讲故事，引发用户的情感共鸣，将对内容的传播形成极大的推动。

4.合理运用技术，打造流畅的互动体验

随着技术的发展，如今的HTML5拥有众多出彩的特性，让我们能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果。相较于塞入各种不同种类的动效导致页面混乱臃肿，我们更提倡的是合理运用技术，用心专注于为用户提供流畅的互动体验。

结语

随着手机硬件的升级、HTML5技术的发展以及微信平台的开放，HTML5的跨平台、低成本、快迭代等优势被进一步凸显，这对身处于移动互联网大潮的企业主、品牌、设计师和开发者来说，都将是一个最好的时代。

---