小程序模板網(wǎng)

地圖開發(fā)入門(一)

發(fā)布時(shí)間:2018-04-14 14:45 所屬欄目:小程序開發(fā)教程

作者:北辰,來自原文地址 
相關(guān)文章:跳坑《一百零五》map組件,地圖使用相關(guān)問題 
根目錄下 app.js, app.json, app.wxss解釋 

2.1 app.js 小程序的邏輯 
2.2 app.json小程序的公共設(shè)置 
2.3 app.wxss 小程序的公共樣式表

在app.json 配置個(gè)tab ( 類似于iOS tabbar)

 

  1. {
  2. "pages":[
  3. // 文件所在目錄結(jié)構(gòu)
  4. // index.js logs.js setup.js
  5. "pages/index/index",
  6. "pages/logs/logs",
  7. "pages/setup/setup"
  8. ],
  9. // 整個(gè)的window
  10. "window":{
  11. // 設(shè)置導(dǎo)航欄樣式
  12. "backgroundTextStyle":"light",
  13. "navigationBarBackgroundColor": "#fff",
  14. "navigationBarTitleText": "夏小天",
  15. "navigationBarTextStyle":"black"
  16. },
  17. // tabbar對象
  18. "tabBar": {
  19. "color": "#dddddd",
  20. "selectedColor": "#1296db",
  21. "borderStyle": "yellow",
  22. "backgroundColor": "#ffffff",
  23. // 這里是個(gè) .js數(shù)組
  24. "list": [
  25. {
  26. "pagePath": "pages/index/index",
  27. "text": "首頁",
  28. "iconPath": "pages/images/icon3.png",
  29. "selectedIconPath": "pages/images/icon3.png"
  30. },
  31. {
  32. "pagePath": "pages/logs/logs",
  33. "text": "搜索",
  34. "iconPath": "pages/images/icon1.png",
  35. "selectedIconPath": "pages/images/icon1.png"
  36. },
  37. {
  38. "pagePath": "pages/setup/setup",
  39. "text": "設(shè)置",
  40. "iconPath": "pages/images/icon2.png",
  41. "selectedIconPath": "pages/images/icon2.png"
  42. }]}
  43. }

一個(gè)頁面包含的文件結(jié)構(gòu)包含四個(gè)文件 .js文件.json文件 .wxml文件 wuss文件(類似于想要布局出iOS中的一個(gè)界面需要view model controller 協(xié)同工作)

.js文件 功能類似于 iOS中Controller的作用 起到協(xié)同的作用, 也就是頁面的邏輯 .json 頁面配置 比如我想要配置一下logs界面的導(dǎo)航欄文字  .wxml 頁面結(jié)構(gòu) (也就是有view btn等控件)  .wxss 頁面樣式表(可以配置頁面控件的位置, 顏色, 圓角等等屬性)  接下來用地圖控件寫一個(gè)簡單界面

.js 進(jìn)行網(wǎng)絡(luò)請求, 解析數(shù)據(jù), 重新賦值data

 

  1. // 聲明一個(gè)數(shù)組數(shù)組
  2. var dataArray = new Array


本文地址:http://22321a.com/wxmini/doc/course/23381.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢