index.js 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257
  1. Page({
  2. onShareAppMessage() {
  3. return {
  4. title: '小程序接口能力展示',
  5. path: 'page/API/index'
  6. }
  7. },
  8. data: {
  9. list: [
  10. {
  11. id: 'api',
  12. name: '开放接口',
  13. open: false,
  14. pages: [
  15. {
  16. zh: '微信登录',
  17. url: 'login/login'
  18. }, {
  19. zh: '获取用户信息',
  20. url: 'get-user-info/get-user-info'
  21. }, {
  22. zh: '发起支付',
  23. url: 'request-payment/request-payment'
  24. }, {
  25. zh: '转发',
  26. url: 'share/share'
  27. }, {
  28. zh: '转发按钮',
  29. url: 'share-button/share-button'
  30. }, {
  31. zh: '客服消息',
  32. url: 'custom-message/custom-message'
  33. }, {
  34. zh: '模板消息',
  35. url: 'template-message/template-message'
  36. }, {
  37. zh: '收货地址',
  38. url: 'choose-address/choose-address'
  39. }, {
  40. zh: '获取发票抬头',
  41. url: 'choose-invoice-title/choose-invoice-title'
  42. }, {
  43. zh: '生物认证',
  44. url: 'soter-authentication/soter-authentication'
  45. }, {
  46. zh: '设置',
  47. url: 'setting/setting'
  48. }
  49. ]
  50. }, {
  51. id: 'page',
  52. name: '界面',
  53. open: false,
  54. pages: [
  55. {
  56. zh: '设置界面标题',
  57. url: 'set-navigation-bar-title/set-navigation-bar-title'
  58. }, {
  59. zh: '标题栏加载动画',
  60. url: 'navigation-bar-loading/navigation-bar-loading'
  61. }, {
  62. zh: '设置TabBar',
  63. url: '@set-tab-bar'
  64. }, {
  65. zh: '页面跳转',
  66. url: 'navigator/navigator'
  67. }, {
  68. zh: '下拉刷新',
  69. url: 'pull-down-refresh/pull-down-refresh'
  70. }, {
  71. zh: '创建动画',
  72. url: 'animation/animation'
  73. }, {
  74. zh: '创建绘画',
  75. url: 'canvas/canvas'
  76. }, {
  77. zh: '显示操作菜单',
  78. url: 'action-sheet/action-sheet'
  79. }, {
  80. zh: '显示模态弹窗',
  81. url: 'modal/modal'
  82. }, {
  83. zh: '页面滚动',
  84. url: 'page-scroll/page-scroll'
  85. }, {
  86. zh: '显示消息提示框',
  87. url: 'toast/toast'
  88. }, {
  89. zh: '获取WXML节点信息',
  90. url: 'get-wxml-node-info/get-wxml-node-info'
  91. }, {
  92. zh: 'WXML节点布局相交状态',
  93. url: 'intersection-observer/intersection-observer'
  94. }
  95. ]
  96. }, {
  97. id: 'device',
  98. name: '设备',
  99. open: false,
  100. pages: [
  101. {
  102. zh: '获取手机网络状态',
  103. url: 'get-network-type/get-network-type'
  104. }, {
  105. zh: '监听手机网络变化',
  106. url: 'on-network-status-change/on-network-status-change'
  107. }, {
  108. zh: '获取手机系统信息',
  109. url: 'get-system-info/get-system-info'
  110. }, {
  111. zh: '监听重力感应数据',
  112. url: 'on-accelerometer-change/on-accelerometer-change'
  113. }, {
  114. zh: '监听罗盘数据',
  115. url: 'on-compass-change/on-compass-change'
  116. }, {
  117. zh: '打电话',
  118. url: 'make-phone-call/make-phone-call'
  119. }, {
  120. zh: '扫码',
  121. url: 'scan-code/scan-code'
  122. }, {
  123. zh: '剪切板',
  124. url: 'clipboard-data/clipboard-data'
  125. }, {
  126. zh: '蓝牙',
  127. url: 'bluetooth/bluetooth'
  128. }, {
  129. zh: 'iBeacon',
  130. url: 'ibeacon/ibeacon'
  131. }, {
  132. zh: '屏幕亮度',
  133. url: 'screen-brightness/screen-brightness'
  134. }, {
  135. zh: '用户截屏事件',
  136. url: 'capture-screen/capture-screen'
  137. }, {
  138. zh: '振动',
  139. url: 'vibrate/vibrate'
  140. }, {
  141. zh: '手机联系人',
  142. url: 'add-contact/add-contact'
  143. }, {
  144. zh: 'Wi-Fi',
  145. url: 'wifi/wifi'
  146. }
  147. ]
  148. }, {
  149. id: 'network',
  150. name: '网络',
  151. open: false,
  152. pages: [
  153. {
  154. zh: '发起一个请求',
  155. url: 'request/request'
  156. }, {
  157. zh: 'WebSocket',
  158. url: 'web-socket/web-socket'
  159. }, {
  160. zh: '上传文件',
  161. url: 'upload-file/upload-file'
  162. }, {
  163. zh: '下载文件',
  164. url: 'download-file/download-file'
  165. }
  166. ]
  167. }, {
  168. id: 'media',
  169. name: '媒体',
  170. open: false,
  171. pages: [
  172. {
  173. zh: '图片',
  174. url: 'image/image'
  175. }, {
  176. zh: '录音',
  177. url: 'voice/voice'
  178. }, {
  179. zh: '背景音频',
  180. url: 'background-audio/background-audio'
  181. }, {
  182. zh: '文件',
  183. url: 'file/file'
  184. }, {
  185. zh: '视频',
  186. url: 'video/video'
  187. }, {
  188. zh: '动态加载字体',
  189. url: 'load-font-face/load-font-face'
  190. }
  191. ]
  192. }, {
  193. id: 'location',
  194. name: '位置',
  195. open: false,
  196. pages: [
  197. {
  198. zh: '获取当前位置',
  199. url: 'get-location/get-location'
  200. }, {
  201. zh: '使用原生地图查看位置',
  202. url: 'open-location/open-location'
  203. }, {
  204. zh: '使用原生地图选择位置',
  205. url: 'choose-location/choose-location'
  206. }
  207. ]
  208. }, {
  209. id: 'storage',
  210. name: '数据',
  211. url: 'storage/storage'
  212. }, {
  213. id: 'worker',
  214. name: '多线程',
  215. url: 'worker/worker'
  216. }
  217. ],
  218. isSetTabBarPage: false,
  219. },
  220. onShow() {
  221. this.leaveSetTabBarPage()
  222. },
  223. onHide() {
  224. this.leaveSetTabBarPage()
  225. },
  226. kindToggle(e) {
  227. const id = e.currentTarget.id; const
  228. list = this.data.list
  229. for (let i = 0, len = list.length; i < len; ++i) {
  230. if (list[i].id === id) {
  231. if (list[i].url) {
  232. wx.navigateTo({
  233. url: 'pages/' + list[i].url
  234. })
  235. return
  236. }
  237. list[i].open = !list[i].open
  238. } else {
  239. list[i].open = false
  240. }
  241. }
  242. this.setData({
  243. list
  244. })
  245. },
  246. enterSetTabBarPage() {
  247. this.setData({
  248. isSetTabBarPage: true
  249. })
  250. },
  251. leaveSetTabBarPage() {
  252. this.setData({
  253. isSetTabBarPage: false
  254. })
  255. },
  256. })