文章 2023-08-30 来自:开发者社区

微信小程序系列——跳转页面以及跳转小程序

先赞后看,此生必赚!一、跳转页面1. wx.switchTab({ 2. url: '../../pages/soup/soup' 3. })二、跳转小程序app.js1. "navigateToMiniProgramAppIdList": [ 2. ""//填入小程序id 3. ],wxml:<navigator target="miniProgram" open-type="navig....

文章 2023-08-24 来自:开发者社区

微信小程序:页面有内容却不显示原因

先检查,app.json中这两项路径是否正确  如果正确的话,不显示的那个页面的。js文件中需要Page({}),初始化,这个必须有;如果还是不出现,可以先把路径删掉,然后刷新一下,这个时候会提示你,没有找到这个页面,这就成功了,然后再给这个路径加上去就行了

微信小程序:页面有内容却不显示原因
文章 2023-08-24 来自:开发者社区

微信小程序-页面生命周期方法

在经过上一篇文章的介绍之后,我们知道了大体的生命周期在什么时候执行,这次主要是以代码的形式来展示一下具体的阶段执行什么生命周期方法。首先我们编写一个代码可以从首页跳转到日志页面:<!--index.wxml--> <text>首页</text> <navigator url="/pages/logs/logs">跳转到Log页面</navig....

微信小程序-页面生命周期方法
文章 2023-08-24 来自:开发者社区

微信小程序-页面生命周期

官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html

微信小程序-页面生命周期
文章 2023-08-24 来自:开发者社区

微信小程序-页面访问组件数据和方法

首先,创建演示案例的组件,c-demo,在给我们的组件添加一个按钮,并且给这个按钮绑定一个点击事件:<!-- c-demo2.wxml --> <button bindtap="onCDemoTap" type="primary" > 我是c-demo按钮 </button>JS:// components/c-demo2/c-demo2.js Com...

文章 2023-08-23 来自:开发者社区

微信小程序web-view里套H5页面

<view class="page-body"> <view class="page-section page-section-gap"> <web-view src="网址"></web-view> </view> </view>PS:修改src,复制到index.wxml(一般是这个,如果是有设置别的页面...

文章 2023-08-15 来自:开发者社区

微信小程序如何获取页面全屏宽高

wx.getSystemInfo({ success: function(res) { const screenWidth = res.screenWidth; // 屏幕宽度 const screenHeight = res.screenHeight; // 屏幕高度 wx.createSelectorQuery().selectViewport().boundin...

文章 2023-08-15 来自:开发者社区

微信小程序如何跳转页面

1.wx.navigateTo:用于跳转到其他页面,并保留当前页面。通过该 API 跳转后,可以通过返回按钮回到原页面。wx.navigateTo({ url: '/pages/otherPage/otherPage' })2.wx.redirectTo:用于跳转到其他页面,并关闭当前页面。通过该 API 跳转后,无法通过返回按钮回到原页面。wx.redirectTo({ url: '/...

文章 2023-08-07 来自:开发者社区

微信小程序排行榜页面模板

1 需求在开发一款背单词的微信小程序时,为了加强用户的体验感,刺激用户积极学习,小程序中需要有排行榜的模块。通过打开天数来排名,让用户有攀比学习的心里。具体的页面截图如下:2 模板代码wxml<view class="container"> <view class="rank-item" style="position: relative; left: 0rpx;">...

微信小程序排行榜页面模板
文章 2023-08-07 来自:开发者社区

微信小程序发布动态页面模板

在之前的博文中,提到了开发的垃圾指纹微信小程序。博文链接如下:垃圾指纹介绍1 简介由于功能需求,需要在小程序中开发社区打卡模块。打卡模块中上传发布的界面是必不可少的。于是利用flex布局设计了上传动态的页面。页面截图如下:由于是模板分享,这里也不做过多介绍了,通过代码来说明吧。页面主要有四个文件,分别是create.js、create.json、create.wxml、create.wxss。2....

微信小程序发布动态页面模板

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

产品推荐

{"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"}}

阿里小程序云

阿里小程序云官方技术圈

+关注