本文共 1647 字,大约阅读时间需要 5 分钟。
- 1.使用百度开发者工具调试,开发者可以完成智能小程序的 API 和页面的开发调试、智能小程序预览和发布等功能。
-
- 全局配置 app.json 设置界面、路径、多tab
- pages 数组第一项代表 SWAN 初始页面。配置项中不需要加文件后缀名, SWAN 会自动解析。
- window 用于设置 SWAN 的状态栏、导航条、标题、窗口背景色。
- enablePullDownRefresh (开启后 才能看到 backgroundTextStyle 的效果 )(设置之后没看到应有的效果,重启试试)
- onReachBottomDistance(??? 不知道是干什么的???)
- navigationStyle: custom(自定义导航栏) 全局配置 和子页面配置 appb版本有兼容性
- tabBar客户端底部的tab栏,可通过tabBar设置tab的颜色、个数、位置、背景色等内容。
- list 要设置 iconPath selectedIconPath 都要设置否则会看不到图片
- "position": "top"(??? 不知道是干什么的??? 设置了没起作用)
- prefetches : 用于设置预请求的所有url的列表,该部分URL,会在进入小程序后自动发起请求(优于开发者代码加载)
- 3.页面开发
- .swan (类似html ) 标签只能用内置的标签(SWAN 组件规定的标签)
- s-for 循环
- s-if true 时候会展示 否则不展示,
元素不存在
- 事件: bind+事件名(或者bind:+事件名) touchstart touchmove touchend touchcancel tap
- .css
- .js 逻辑层将数据进行更新后,会触发视图更新;框架中不可使用 window, document, location, navigator, localStorage, history等Web、浏览器 API。 +.json 比app.json 多两个配置项
- disableSwipeBack 禁止页面右滑手势返回, 默认false
- disableScroll 设置为 true 则页面整体不能上下滚动。默认false
- 页面路由
- 页面栈:框架以栈的形式维护了当前的所有页面
- getCurrentPages(): 函数用于获取当前页面栈的实例,数组:第一个元素为首页,最后一个元素为当前页面。
- 路由方式
- swan.navigateTo 或 < navigator open-type="navigateTo"/ > ----打开新页面
- swan.redirectTo 或使用组件 < navigator open-type="redirectTo"/ > ---- 页面重定向
- swan.switchTab 或使用组件 < navigator open-type="switchTab"/ > 或用户切换 Tab ---- Tab 切换
- API swan.navigateBack 或使用组件 < navigator open-type="navigateBack"/ > 或用户按左上角返回按钮 ---- 页面返回
- swan.reLaunch 或使用组件 < navigator open-type="reLaunch"/ > ---- 重启动
- navigateTo, redirectTo 只能打开非 tabBar 页面。
- switchTab 只能打开 tabBar 页面。
- reLaunch 可以打开任意页面。
- 调用页面路由带的参数可以在目标页面的 onLoad 中获取。
- app.json , tabBar 中 定义的 则对应的页面有tabBar
- Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。
转载于:https://www.cnblogs.com/Running00/p/11225255.html