| 小程序项目目录 pages 存放当前小程序所有的页面 index 包含四个文件 index.js 编写当前页面业务逻辑 index.json 配置当前文件的页面基本配置项 以及可以配置引入组件 index.wxml 显示当前的页面 相当于html |
|
|---|---|
| 该文件所写页面结构所用的标签都是 微信小程序官方所提供组件标签 不能使用原来的html4 或者html5的标签 index.wxss 编写当前页面的css样式 相当于css 在wxss文件中可以正常使用 我们在平时所编写的css相关属性 utils 存放可以是全局调用的js方法 app.js 全局的js文件 app.json 全局配置文件 可以配置新的页面 以及页面里边的基本的导航 文字 背景等基本配置 还可以 配置tab底部导航切换 app.wxss 全局样式文件 |
|
| 创建新页面(按照前后顺序展现页面) 在app.json添加 |
“pages”:[ “pages/index/index”, “pages/logs/logs”, “pages/list/list”, “pages/mine/mine” |
| 创建assets文件夹存放图片images文件夹 | |
![]() |
|
![]() ![]() ![]() |
|
| 小程序导航 使用navigator组件标签 url表示要跳转的页面相对地址 地址中不需要添加当前页面的后缀 在当前组件标格上边有一个很里要的属性open-type navigator 默认值保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar页面 relaunch 关闭所有页面,打开到应用内的某个页面 可以跳转到tabbar页面 redirect 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面 switchTab 跳转到tabBar页面,并关闭其他所有非tabBar页面 navigatorBack 返回上一级 如果想要返回多级 添加delta 只能是正整数 当前页面层级最多跳转十层 |
|
| 在微信小程序中想要绑定事件 我们需要使用 bindtap=”jump” 想要在小程序中实现函数方法传值 只能给当前的元素标签添加 data-自定义名字-“要传递的数探在对应的js文件中需要使用event.currentTarget.dataset.自定义名字 格式: |
|
jump(event) { console.log(1111, event.currentTarget.dataset.index), wx.navigateTo({ url: ‘../detail/detail’, }) // wx.switchTab({ // url: ‘../logs/logs’, // }) }, |
|
| 点击返回 js中写 back( ) { wx.navigateBack({ dalta:1 }) } |
|
| 在小程序中请求数据 需要使用wx.request 的api方法发起异步请求 小程序实现页面传值 只能以问号形式传值 1在需要跳砖的链接地址后边使用?自定义届性名-要传递的数据 来进行数据的发送 2在需要接受的页面他用 onLoad生命周期接变传递的参数 onLoad生命周期有一个默认参数options 我们可以通过options.自定义属性名获取到传递的参数 |
|
| 在微信小程序中有一个组件标签rich-text可以对当前的html字符串进行转化 |
|
![]() |





