小程序定制首选里程序 第1篇
基本格式:
部分异步的 API 也支持以 Promise 方式返回结果,此时可以配合 asyc/await
来使用。
例如:支持Promise格式的异步api有:
支持Promise格式的异步api有:
部分 API 支持以同步方式获取结果,这些 API 的名称都以 **Sync**
结尾。如
基本格式:
小程序定制首选里程序 第2篇
共三步:
要点:
在pages下补充一项 pages/page1/page1
,然后保存,则会自动添加一个页面。
用于设置小程序的状态栏、导航条、标题、窗口背景色。
常见配置:
小程序定制首选里程序 第3篇
➡️ /modules/goodsModule/pages/list/
下拉刷新是小程序中常见的一种刷新方式,当用户下拉页面时,页面会自动刷新,以便用户获取最新的内容。
小程序中实现上拉加载更多的方式:
在页面.json
中开启允许下拉,同时可以配置 窗口、loading 样式等
在页面.js
中定义 onPullDownRefresh
事件监听用户下拉刷新
小程序定制首选里程序 第4篇
3.下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK () JavaScriptSDK () js文件
4.安全域名设置,在小程序管理后台-> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置request合法域名,添加
获取用户所在位置的经纬度。在小程序中调用这个接口时必须先在 中申请调用权限(开发环境可以省略)。
返回的结果格式大致如下:
小程序定制首选里程序 第5篇
1.什么是tabBar
tabBar是移动端应用常见的页面效果,用于实现多页面的快速切换,小程序中通常分为底部tabBar和顶部tabBar。
注意:
tabBar中只能配置最少2个,最多5个tab页签
当渲染顶部tabBar时,不显示icon图标,只显示文本
的6个组成部分
① backgroundColor:tabBar的背景色
② selectedIconPath:选中时的图片路径
③ borderStyle:tabBar上边框的颜色
④ iconPath:未选中时的图片路径
⑤ selectedColor:tab上的文字选中时的颜色
⑥ color:tab上文字的默认(未选中)颜色
节点配置项
每个tab项的配置选项
window节点平级定义tabBar节点:
注意:tabPage页面的组件要放到pages节点内部最前面,否则页面没效果。
小程序定制首选里程序 第6篇
1.小程序根目录下的文件时小程序的全局配置文件。常用配置项如下:
① pages
记录当前小程序所有页面的存放路径
② window
全局设置小程序窗口的外观
③ tabBar
设置小程序底部的tabBar效果
④ style
是否启用新版的组件样式
常用配置项
3.设置导航栏的标题
设置步骤:;window->navigationBarTitleText 修改保存即可,导航栏背景颜色修改只支持十六进制。
注意:navigationBarTextStyle的可选值只支持black和white。
4.全局开启下拉刷新功能
设置步骤:;window->把enablePullDownRefresh的值设为true
注意:在中启用下拉刷新功能,会作用于每个小程序页面。
5.设置下拉刷新时窗口的背景颜色
当全局开启下拉刷新功能之后,默认的窗口背景为白色。如果自定义下拉刷新窗口背景色,设置步骤为:;window->为backgroundColor指定16进制的颜色值。
6.设置下拉刷新时loading的样式
当全局开启下拉刷新功能之后,默认窗口的loading样式为白色,如果要更改loading样式的效果,设置步骤为:;window->为backgroundTextStyle指定dark值(注意:可选值只有light和dark两个)。
7.设置上拉触底的距离
上拉触底是移动端的专有名词,通过手指在屏幕上的上拉滑动操作,从而加载更多数据的行为。
设置步骤:;window->为onReachBottomDistance设置新的值(注意:默认距离为50px,没有特殊需求,建议使用默认)
小程序定制首选里程序 第7篇
4.刷新 token 的接口后会返回新的 token 和 refreshToken
5.把401的接口A重新发送一遍
注意: refresh_token也是有过期时间的,只不过一般会比token过期时间更长一些。这就是为啥如果某个应用我们天天打开,则不会提示我们登录,如果是有几周或更长时间去打开时,会再次要求我们登录。 refresh_token一个更常见的名字叫token无感刷新。
小程序定制首选里程序 第8篇
1.页面配置文件的作用
小程序中,每个页面都有自己的.json配置文件,用来对当前页面的窗口外观,页面效果等进行配置。
2.页面配置和全局配置的关系
小程序中,中的window节点,可以全局配置小程序中每个页面的窗口表现。如果某些小程序页面想要拥有特殊的窗口表现,此时,页面的.json配置文件就可以实现这种需求。
注意:当页面配置与全局配置冲突时,根据就近原则,最终的效果以页面配置为准。
3.页面配置中常用的配置项
小程序定制首选里程序 第9篇
100%屏幕的宽度 = 750rpx
注:上述的规则仅适用于设计稿宽度为 750px
rpx (responsive pixel):规定不管屏幕为多少px,100%的屏幕宽度就是750rpx 100%屏幕的宽度 = 750rpx
navigator 是小程序中的导航标签,类似以前web中的a标签。通过 url 来指定跳转的页面
格式
image组件是一个有默认大小(320*240)的盒子。
swiper可以理解为小程序内置的轮播图标签,可以让方便快速地实现轮播功能。
``scroll-view 在页面中指定一个**可以滚动**的区域,并且这个可滚动的区域能够实现一些高级的交互,比如:
下拉刷新`等。
scroll-view
中嵌套任意需要滚动的内容,要求内容必须有溢出(scroll-view有固定的尺寸),垂直滚动时 scroll-view
必须要指定高度。
小程序定制首选里程序 第10篇
当用户从下向上滑动屏幕时,需要加载更多的商品数据。
首先需要在 .js
文件中声明 onReachBottom
方法监听用户是否进行了上拉
当用户上拉时,需要对 page
页码进行加 1,代表要请求下一页的数据
当参数发生改变后,需要重新发送请求,拿最新的 page
向服务器发送请求获取数据。
在下一页的商品数据返回以后,将最新的数据和之前的数据进行合并