当前位置： 首页 > news >正文

从0新建一个微信小程序实现一个简单跳转

news 来源：原创 2024/9/30 5:34:27

首先

1.从这里下载开发工具

https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.htm

2. 等下载完毕后 创建一个空白项目

    在pages目录下右键创建一个page : testUI,这时候会生成四个文件

  新建一个文件夹 testUI 给他们放一起

3.增加一个按钮  然后增加点击事件

index.wxml 增加跳转按钮

<button class="testbutton" bindtap="clickMe">点击跳转</button>

index.wxss 增加按钮尺寸

.testbutton {padding: 6px;width: 80px;border-radius: 8px;margin-top: 30px;color: rgb(175, 28, 72);background-color: rgb(150, 172, 73);margin-bottom: 40px;
}

index.json 增加跳转方法:

clickMe: function() {wx.navigateTo({url:'/pages/testUI/testUI'})
}

4.同理可以再testUI增加一个按钮  然后点击返回:

按钮创建方式参考第三步,返回上一页是这个代码:

    wx.navigateBack()

______________________________________________________________________

深海也是刚开始学做,就写点基础的供小白参考.

如果您感觉文章有用的话麻烦点个赞吧.

相关文章：

  • label标签，for属性与input的id属性相匹配
  • UE(网络）
  • excel导出图片---HSSFWorkbook--SXSSFWorkbook
  • ＜Rust＞iced库（0.13.1）学习之部件（三十）：button部件的使用
  • 为什么vue加载select大量数据会使页面造成卡顿
  • upsample nearest 临近上采样实现方式
  • taobao.item_get_appAPI接口原app数据测试指南
  • unity安装报错问题记录
  • 确保从IP池提取的IP是可用的对于数据抓取或其他网络活动至关重要。以下是一些确保IP可用性的有效方法：
  • 点评项目-3-登录成功后加载登录页面
  • Qt 每日面试题 -6
  • LVS+keepalived整合负载均衡配置
  • 物理学基础精解【41】
  • MySql中索引失效的情况及原因
  • CSS开发全攻略
  • .pyc 想到的一些问题
  • canvas 高仿 Apple Watch 表盘
  • Druid 在有赞的实践
  • JavaScript设计模式之工厂模式
  • MQ框架的比较
  • oldjun 检测网站的经验
  • PHP CLI应用的调试原理
  • python3 使用 asyncio 代替线程
  • React16时代，该用什么姿势写 React ?
  • Sass Day-01
  • 短视频宝贝=慢？阿里巴巴工程师这样秒开短视频
  • 回顾2016
  • 基于webpack 的 vue 多页架构
  • 如何用vue打造一个移动端音乐播放器
  • 我这样减少了26.5M Java内存！
  • 应用生命周期终极 DevOps 工具包
  • 翻译 | The Principles of OOD 面向对象设计原则
  • 智能情侣枕Pillow Talk，倾听彼此的心跳
  • ​决定德拉瓦州地区版图的关键历史事件
  • ‌分布式计算技术与复杂算法优化：‌现代数据处理的基石
  • #FPGA（基础知识）
  • #QT（一种朴素的计算器实现方法）
  • $con= MySQL有关填空题_2015年计算机二级考试《MySQL》提高练习题(10)
  • $var=htmlencode(“‘)；alert(‘2“)； 的个人理解
  • （1）Hilt的基本概念和使用
  • （10）工业界推荐系统-小红书推荐场景及内部实践【排序模型的特征】
  • （AtCoder Beginner Contest 340） -- F - S = 1 -- 题解
  • (day18) leetcode 204.计数质数
  • （ros//EnvironmentVariables）ros环境变量
  • （八）Spring源码解析：Spring MVC
  • （补）B+树一些思想
  • （二）丶RabbitMQ的六大核心
  • （附程序）AD采集中的10种经典软件滤波程序优缺点分析
  • （附源码）spring boot球鞋文化交流论坛 毕业设计 141436
  • （附源码）ssm本科教学合格评估管理系统 毕业设计 180916
  • （三）Kafka 监控之 Streams 监控（Streams Monitoring）和其他
  • (十三)MipMap
  • （一）面试需要掌握的技巧
  • (原創) 未来三学期想要修的课 (日記)
  • .NET 5.0正式发布，有什么功能特性(翻译)