文章 2024-09-27 来自:开发者社区

微信小程序页面事件,下拉刷新事件和上拉触底事件

1. 下拉刷新事件 下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。 1.1. 开启下拉刷新 开启下拉刷新有两种方式:全局和局部。一般的话是开启局部下刷新,哪里用到哪里开。 全局开启下拉刷新● 在 app.json 的 window 节点中,将 enablePullDownRefr...

文章 2024-09-27 来自:开发者社区

微信小程序开发学习之页面导航(声明式导航和编程式导航)

1.0 页面导航 页面导航指的是页面之间的相互跳转。 小程序中实现页面导航的两种方式: 声明式导航● 在页面上声明一个 navigator 导航组件● 通过点击 navigator 组件来实现页面的跳转 编程式导航● 调用小程序的导航API,实现页面的跳转 1.1. 声明式导航 1.1.1. 导航到tabBar页面 tabBar 页面指的是被配置为 tabBar 的页面。在...

微信小程序开发学习之页面导航(声明式导航和编程式导航)
文章 2024-09-27 来自:开发者社区

微信小程序的目录结构及页面结构的说明

1. 项目结构 ● pages 用来存放所有小程序的页面● utils 用来存放工具性质的模块● app.js 小程序的项目入口地址● app.json 小程序项目的全局配置文件,“包括小程序中的所有页面路径,窗口外观,界面表现,底部tab等”。● app.wxss 小程序项目的全局样式文件● project.config.json 项目的配置文件,用来记录对小程序开发工具的个性化配置● si.....

微信小程序的目录结构及页面结构的说明
文章 2024-09-08 来自:开发者社区

微信小程序如何将一个按钮放到页面的最底下?

在微信小程序开发中,将按钮固定在页面底部是一个常见的需求,比如常用的加入购物车、结算或添加地址等操作按钮。这样的布局可以确保用户在浏览长页面时,这些操作按钮始终可见且易于访问。实现这一功能的关键在于恰当地使用CSS定位和微信小程序的样式配置。具体分析如下: 使用position: fixed;和bottom: 0; 定位和底部对齐ÿ...

文章 2024-08-25 来自:开发者社区

微信小程序多种跳转页面方式

跳转页面方式: 1、wx.navigateTo() : 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面 2、wx.redirectTo() : 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面 3、wx.switchTab() : 跳转到 TabBar 页面,并关闭其他所有非 tabB...

文章 2024-08-19 来自:开发者社区

万能的微信小程序个人主页:商城系统个人主页、外卖系统个人主页、购票系统个人主页等等【全部源代码分享+页面效果展示+直接复制粘贴编译即可】

前言 以下给出来四个常见的小程序个人主页,分别是商城系统个人主页,外卖系统个人主页,挂号系统个人主页,电影购票系统个人主页。包括完整的页面布局代码,完整的样式代码。使用的时候,只需要将页面代码和样式代码复制到自己项目对应的页面即可。而且可以根据已有代码只需稍微改造,便可以作为其他小程序的个人首页。 1、个人主页(商城系统) 1.1 页面效果 1.2 页面源码(.wxml) ...

万能的微信小程序个人主页:商城系统个人主页、外卖系统个人主页、购票系统个人主页等等【全部源代码分享+页面效果展示+直接复制粘贴编译即可】
文章 2024-07-18 来自:开发者社区

【微信小程序开发实战项目】——个人中心页面的制作

‍个人主页:@开发者-曼亿点 ‍ hallo 欢迎 点赞 收藏⭐ 留言 加关注✅! ‍ 本文由 曼亿点 原创 ‍ 收录于专栏:微信小程序开发 ⭐⭐ - [video(video-SIAFbOCb-1719905431985)(type-csdn)(url-https://live.csdn.net/v/embed/405645)(image-https://ucc.alicdn....

【微信小程序开发实战项目】——个人中心页面的制作
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)

可在系列教程的基础上继续开发,也可以单独使用 【微信小程序-原生开发】系列教程 效果预览 代码实现 点击触发生成海报 在活动详情页,指定点击某图标/按钮,触发跳转到生成海报的页面 pages\components\party\detail\index.js ...

【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】实用教程13 - 新用户注册审核(含页面的下拉刷新)

建议在实用教程12 - 注册页的基础上继续开发,也可以单独开发 【微信小程序-原生开发】实用教程12 - 注册页(含获取用户微信昵称,原生form的表单提交,t-result 的使用)_朝阳39的博客-CSDN博客 https://blog.csdn.net/weixin_41192489/article/details/129320056 页面效果...

【微信小程序-原生开发】实用教程13 - 新用户注册审核(含页面的下拉刷新)
文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】实用教程07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字)

开始前,请先完成成员页的开发,详见 【微信小程序-原生开发】实用教程 06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad) https://blog.csdn.net/weixin_41192489/article/details/128736269 ...

【微信小程序-原生开发】实用教程07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"10分钟搭建微信小程序","productDescription":"本方案为您介绍如何在阿里云快速部署博客网站,并将网站服务快速应用到微信小程序。","productContentLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes"},"productButton2":{"productButtonText":"方案部署","productButtonLink":"https://help.aliyun.com/document_detail/2856534.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"高效构建企业门户网站","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/build-a-website","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

阿里小程序云

阿里小程序云官方技术圈

+关注