小程序模板网

地图开发入门(一)

作者:北辰,来自原文地址 
相关文章:跳坑《一百零五》map组件,地图使用相关问题 
根目录下 app.js, app.json, app.wxss解释 

2.1 app.js 小程序的逻辑 
2.2 app.json小程序的公共设置 
2.3 app.wxss 小程序的公共样式表

在app.json 配置个tab ( 类似于iOS tabbar)

 

  1. {
  2. "pages":[
  3. // 文件所在目录结构
  4. // index.js logs.js setup.js
  5. "pages/index/index",
  6. "pages/logs/logs",
  7. "pages/setup/setup"
  8. ],
  9. // 整个的window
  10. "window":{
  11. // 设置导航栏样式
  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. // 这里是个 .js数组
  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": "设置",
  40. "iconPath": "pages/images/icon2.png",
  41. "selectedIconPath": "pages/images/icon2.png"
  42. }]}
  43. }

一个页面包含的文件结构包含四个文件 .js文件.json文件 .wxml文件 wuss文件(类似于想要布局出iOS中的一个界面需要view model controller 协同工作)

.js文件 功能类似于 iOS中Controller的作用 起到协同的作用, 也就是页面的逻辑 .json 页面配置 比如我想要配置一下logs界面的导航栏文字  .wxml 页面结构 (也就是有view btn等控件)  .wxss 页面样式表(可以配置页面控件的位置, 颜色, 圆角等等属性)  接下来用地图控件写一个简单界面

.js 进行网络请求, 解析数据, 重新赋值data

 

  1. // 声明一个数组数组
  2. var dataArray = new Array


本文地址:https://www.eyoucms.com/wxmini/doc/course/23381.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询