/* 只可使用相对路径 */const utils = require('../../../utils/util.js') Page({})…

一.微信小程序开发--页面文件组成 [page.name].js 页面逻辑文件,用于创建页面对象,以及处理页面生命周期控制和数据处理 [page.name].wxml wxml指的是Wei Xin Markup Language 用于定义页面元素结构的.  语法遵循XML语法,不是HTML语法 [page.name].json  (可选) 设置当前页面的Window的配置,此处会覆盖app.json中的window设置,也就是说,只可以设置window中设置的属性. [page.name].wx…

系列文章: 微信小程序 教程之WXSS微信小程序 教程之引用微信小程序 教程之事件微信小程序 教程之模板微信小程序 教程之列表渲染微信小程序 教程之条件渲染微信小程序 教程之数据绑定微信小程序 教程之WXML 引用 WXML提供两种文件引用方式import和include.import import可以在该文件中使用目标文件定义的template,如:在item.wxml中定义了一个叫item的template:<!-- item.wxml --><template name="…

微信小程序:页面配置 page.json 一.页面配置 page.json 如果整个小程序的风格是蓝色调,那么可以在 app.json 里边声明顶部颜色是蓝色即可. 实际情况可能不是这样,可能你小程序里边的每个页面都有不一样的色调来区分不同功能模块,因此我们提供了 page.json,让开发者可以独立定义每个页面的一些属性,例如刚刚说的顶部颜色.是否允许下拉刷新等等. 每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置. 页面的配置只能设置 app.json 中部分 windo…

微信小程序前端页面书写 WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构. 一.数据绑定 1. 普通写法 <view> {{ message }} </view> Page({ data: { message: 'Hello MINA!' } }) 2. 组件属性 **简直和上面没区别啊** <view id="item-{{id}}"> </view> Pag…

图解微信小程序---实现页面的跳转与返回操作 代码笔记 操作步骤 第一步:在app.json配置文件中,创建跳转页面 第二步:编写首页跳转(注意跳转方式,和设置点击样式类名) 第三步:编写首页样式 第四步:编写nv页面 第五步:编写nv页面样式 第六步:因为首页使用了 ?占位符进行传参,所以编写js获取参数 第七步:编写re页面(需要设置返回跳转,因为跳转过来时,设置了open-type属性值为redirect) 第八步:编写re页面样式 第九步:因为首页跳转过来了也传递了参数,所以编写js获取…

微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发系列四:微信小程序之控制器的初始化逻辑 微信小程序开发系列五:微信小程序中如何响应用户输入事件 微信小程序开发系列六:微信框架API的调用 这个系列教程的前六篇文章我们都在单个的视图上操作.现在让我们创建第二个视图,然后实现从第一个视图到第二个视图的跳转. 首先开发第二个视图: <view class="con…

一.微信小程序 跳转页面 小程序页面有2种跳转,可以在wxml页面或者js中: (1)在wxml页面中: <navigator url="../index/index">跳转到新页面</navigator> <navigator url="../index/index" open-type="redirect">在当前页打开</navigator> <navigator url=".…

(一) WXML 是什么 官方说明:WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构 在前面我们就已经提过,WXML,就可以理解为我们传统页面中的HTML,它是微信为我们提供的一套标签语言,可以说它就是我们小程序的脸面(虽然没经过CSS装饰前不一定光鲜亮丽),开发中 WXML 页面就作为我们一些逻辑行为的入口,以及效果展示的承载者. 再大白话一点:你所看到的小程序页面长什么样(不涉及背后做了什么行为,只说表面),就是…

路由方式 简介 对于路由的触发方式以及页面生命周期函数如下: 路由方式 触发时机 路由前页面 路由后页面 初始化 小程序打开的第一个页面   onLoad, onSHow 打开新页面 调用 API wx.navigateTo 或使用组件 <navigator open-type="navigateTo"/> onHide onLoad, onShow 页面重定向 调用 API wx.redirectTo 或使用组件 <navigator open-type="…