草庐IT

#yyds干货盘点#【愚公系列】2022年12月 微信小程序-下拉刷新功能实现

前言下拉刷新是移动端的专有名词,是指通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。一、下拉刷新功能实现1.自定义下拉刷新varpullingMessage="下拉刷新"module.exports={ onRefresh:function(e,instance){ //此时手拉开了,进入了加载中的状态 pullingMessage="更新中" console.log(pullingMessage) instance.callMethod("setData",{ pullingMessage:pullingMessage, refresherTriggered:tr

#yyds干货盘点#【愚公系列】2022年12月 微信小程序-下拉刷新功能实现

前言下拉刷新是移动端的专有名词,是指通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。一、下拉刷新功能实现1.自定义下拉刷新varpullingMessage="下拉刷新"module.exports={ onRefresh:function(e,instance){ //此时手拉开了,进入了加载中的状态 pullingMessage="更新中" console.log(pullingMessage) instance.callMethod("setData",{ pullingMessage:pullingMessage, refresherTriggered:tr

#yyds干货盘点#【愚公系列】2022年10月 微信小程序-场景值

前言场景值就是进入该小程序的来源,就是用户是通过什么途径点进的小程序。通过app中的onLaunch或onShow方法中可以获取到场景值。比如获取到的场景值是1005,表示用户是通过微信顶部的搜索框搜索到的该小程序。通过这个场景值来实现更多的业务逻辑。一、场景值以下是场景值的ID和说明:场景值ID说明1000其他1001发现栏小程序主入口,「最近使用」列表(基础库2.2.4版本起包含「我的小程序」列表)1005微信首页顶部搜索框的搜索结果页1006发现栏小程序主入口搜索框的搜索结果页1007单人聊天会话中的小程序消息卡片1008群聊会话中的小程序消息卡片1010收藏夹1011扫描二维码1012

#yyds干货盘点#【愚公系列】2022年10月 微信小程序-场景值

前言场景值就是进入该小程序的来源,就是用户是通过什么途径点进的小程序。通过app中的onLaunch或onShow方法中可以获取到场景值。比如获取到的场景值是1005,表示用户是通过微信顶部的搜索框搜索到的该小程序。通过这个场景值来实现更多的业务逻辑。一、场景值以下是场景值的ID和说明:场景值ID说明1000其他1001发现栏小程序主入口,「最近使用」列表(基础库2.2.4版本起包含「我的小程序」列表)1005微信首页顶部搜索框的搜索结果页1006发现栏小程序主入口搜索框的搜索结果页1007单人聊天会话中的小程序消息卡片1008群聊会话中的小程序消息卡片1010收藏夹1011扫描二维码1012

#yyds干货盘点#【愚公系列】2022年11月 微信小程序-icon图标详解

前言在小程序中经常会用到各种各样的图标,如果这些图标都使用图片的话,将会大大增加小程序打包后的体积,而小程序限制代码最大2MB,分包加载4MB,所以为了缩小体积,我们可以使用图标来缩小体积。使用图标有两种方式:自带图标外部图标(图片、精灵图、CSS绘图、矢量字体、SVG格式)自带图标组件属性说明:属性类型默认值必填说明最低版本typestring是icon的类型,有效值:success,success_no_circle,info,warn,waiting,cancel,download,search,clear1.0.0sizenumber/string23否icon的大小,单位默认为px,

#yyds干货盘点#【愚公系列】2022年11月 微信小程序-icon图标详解

前言在小程序中经常会用到各种各样的图标,如果这些图标都使用图片的话,将会大大增加小程序打包后的体积,而小程序限制代码最大2MB,分包加载4MB,所以为了缩小体积,我们可以使用图标来缩小体积。使用图标有两种方式:自带图标外部图标(图片、精灵图、CSS绘图、矢量字体、SVG格式)自带图标组件属性说明:属性类型默认值必填说明最低版本typestring是icon的类型,有效值:success,success_no_circle,info,warn,waiting,cancel,download,search,clear1.0.0sizenumber/string23否icon的大小,单位默认为px,