https://github.com/phalapi/okayapi-demo

小白接口的H5开源示例，使用Amaze UI+VUE+JQuery+小白接口实现。
https://github.com/phalapi/okayapi-demo

Last synced: 9 months ago
JSON representation

小白接口的H5开源示例，使用Amaze UI+VUE+JQuery+小白接口实现。

• Host: GitHub
• URL: https://github.com/phalapi/okayapi-demo
• Owner: phalapi
• Created: 2018-09-05T14:52:21.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-09-05T14:54:01.000Z (over 7 years ago)
• Last Synced: 2025-01-30T01:45:12.487Z (11 months ago)
• Language: JavaScript
• Size: 2.9 MB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 小程序接入示例

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180325000649_bb40b3f79cdbc7d768f1a09c406d41a9)  

# 小白接口H5示例集合

> 新技能：成功开通[小白接口](http://www.okayapi.com/?f=gitee)后，将okayapi.php中的app_key和app_secrect换成自己的，即可马上使用这些示例应用啦~~

## 1、H5迷你日志

使用Amaze UI+VUE+JQuery+小白接口实现开发一个迷你版的日记，用于纪录私人生活感想。　

### 在线示例和源代码

最终实现效果，请访问：[http://demo.okayapi.com/mininote/](http://demo.okayapi.com/mininote/)

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180117230124_4c57a29141c1ef195ee63701e6cd1d76)

### 运行效果截图

首页 - 1  

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180117230605_21185126e99bfaa8aa0c4375823e367f)

首页 - 2  

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180117230658_47ad0d2025190ea6e58c7a5688f8a56e)

登录页  

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180117230731_1833115588e96de0152421019417e60a)

## 2、发票小助手（H5+PC）

基于Amaze UI + Vue + OkayApi 开发，构建一个可用于纪录公司发票信息的小助手。 

### 在线示例

最终实现效果，请访问：[http://demo.okayapi.com/fabiao/](http://demo.okayapi.com/fabiao/)  

### 运行效果截图

H5首页 - 1  

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180127125508_82c180c815fbadeb27b182513cd39914)

H5首页（发票信息展示） - 2  

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180127125546_25cd39da2ff2d190174a625acbf02529)

H5首页（添加发票信息） - 3  

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180127125644_c56059320cf3068522c49ba7ba724dc4)

PC版本效果  

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180127125738_3a984bea27b0e3986638ca11e1b712c7)

## 3、签到吧

使用Amaze UI+VUE+JQuery+小白接口，开发的签到吧，可用于活动签到、会议签到等 。

签到首页：  

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180226184445_487e0966f838cb5835f28e52ad04e886)

## 4、更多其他示例

更多示例，包括有：在线留言、二维码、条形码、验证码等。  

### 在线示例

最终实现效果，请访问：[http://demo.okayapi.com/soeasy/#verifyCode](http://demo.okayapi.com/soeasy/#verifyCode)  

### 运行效果截图

![](http://7xiz2f.com1.z0.glb.clouddn.com/20180214234053_d68954e8ca750b68f331f38735374faa)