首页 > 编程语言 >微信小程序与Hbuilder

微信小程序与Hbuilder

时间:2022-12-25 23:22:08浏览次数:42  
标签:微信 程序 Hbuilder Tabbar 标签 打开 监听 页面

使用hbuilder编译小程序:
view标签 == div标签;
text标签 == span标签;
image双标签 == img单标签;
标签中的插值表达式还是用双花括号表示;
wx.navigateTo小程序页面跳转传参:url:‘/index/index?id=2’

---------------------------------

几种页面跳转的方法:

uni(wx).navigateTo:保留当前页面,只能打开非Tabbar页面;

    redirectTo:关闭卸载当前页面,只能打开非Tabbar页面;

    switchTab:关闭所有非Tab页面,只能打开Tabbar页面;

    reLaunch:关闭卸载所有页面,可以打开任意页面;

    navigateBack:参数delta:x,x代表返回的页数,没有参数就返回上一级,若超出现有打开的页面,则返回首页;

-------------------------------

部分生命周期:

onLoad:监听页面加载,与vue2中的created相似;

OnReady:监听页面初次渲染;

onShow:监听页面显示;

onHide:监听页面隐藏

----------------------------------

使用小程序写样式:任意手机模型的屏幕宽度都是750rpx

标签:微信,程序,Hbuilder,Tabbar,标签,打开,监听,页面
From: https://www.cnblogs.com/kaoo-kiee/p/17004845.html

相关文章

  • bat执行java程序的脚本解析
     使用java执行带Package的class文件javapackage1.package2.className 或java-cp. package1.package2.className-cp将当前路径设置到classpath,windows默认情况下会......
  • 微信公众号下载视频
    如图,将视频下载到本地步骤用电脑浏览器打开网页链接,按【F12】-点击【网络】按F5刷新一下网页,再重新播放视频,按照文件大小从高到低排序双击左边第一个内容,右击url复制值将复......
  • 小程序开发中问题
    微信开发者工具更改默认的用户存储目录问题描述:用户数据存放在C:\Users\lenovo\AppData\Local\微信开发者工具\UserData目录下,占据C盘空间。解决方案:将上述的UserDa......
  • 2021级《JAVA语言程序设计》上机考试试题9
    专业负责人功能页  <%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><metacharset="UTF-......
  • 2021级《JAVA语言程序设计》上机考试试题10
    教学副院长功能页 <%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><metacharset="UTF-8">......
  • 2021级《JAVA语言程序设计》上机考试试题
    勉强写完了CardpackageBean;publicclassCard{ privateStringCardId; privateStringCardData; privateStringCourseName; privateStringCourseTeacher; priv......
  • [ 成为架构师系列 ] 1. 第一个 Java Web 程序
    [成为架构师系列]1.第一个JavaWeb程序1.新建mavenwebapp工程打开idea,NewProject,选择Maven,从maven-archetype创建,找到maven-archetype-webapp:......
  • 2021级《JAVA语言程序设计》上机考试试题8
    专业教师功能页: <%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><metacharset="UTF-8"><......
  • 微信小程序使用阿里图标
    步骤一:在阿里图标中创建项目并且选好图标,进入“”项目设置“”-》选中base64,再保存    步骤二:微信小程序创建一个/static/icon.wxss文件。复制阿里图标代码,放......
  • C/C++ATM取存款机模拟程序
    C/C++ATM取存款机模拟程序ATM取存款机模拟程序要求:设计一个程序,当输入给定的卡号和密码(初始卡号和密码为123456)时,系统能登录ATM取款机系统,用户可以按照以下规则进......