以下是为您整理出来关于【微信小程序教程】合集内容，如果觉得还不错，请帮忙转发推荐。
系列文章： 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML 数据绑定 WXML中的动态数据均来自对应Page的data。简单绑定 数据绑定使用"Mustache"语法（双大括号）将变量包起来，可以作用于：内容 <view> {{ message }} </view>Page({data: {message: Hello MINA!} }) 组件属性(需...
系列文章： 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML wx:if 在MINA中，我们用wx:if="{{condition}}"来判断是否需要渲染该代码块：<view wx:if="{{condition}}"> True </view>也可以用wx:elif和wx:else来添加一个else块：<view wx:if="{{length > 5}}"> 1 </view> <view w...
系列文章： 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML wx:for 在组件上使用wx:for控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item<view wx:for="{{items}}">{{index}}: {{item.me...
系列文章： 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML 模板 WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。定义模板 使用name属性，作为模板的名字。然后在<template/>内定义代码片段，如：<!--index: intmsg: stringtime: string --> <tem...
系列文章： 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML 什么是事件 事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如id, dataset, t...
系列文章： 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML 引用 WXML提供两种文件引用方式import和include。import import可以在该文件中使用目标文件定义的template，如：在item.wxml中定义了一个叫item的template：<!-- item.wxml --> <template name="item"><text>{{text}}...
系列文章： 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML WXSS WXSS(WeiXin Style Sheets)是MINA设计的一套样式语言，用于描述WXML的组件样式。WXSS用来决定WXML的组件应该怎么显示。为了适应广大的前端开发者，我们的WXSS具有CSS大部分特性。 同时为了更适合开发微信小程序，...
本教程为大家分享了使用wx:if进行视图层的条件渲染，供大家参考，具体内容如下使用wx:if进行视图层的条件渲染示例： wxml：使用view <!--index.wxml--> <button bindtap="EventHandle">按钮</button> <!-- wx:if --> <view wx:if="{{boolean==true}}"><view class="bg_black"></view></view> <view wx:elif="{{boolean==false}}"><view class="bg_red"></view> </view>wxss： /**index.wxss**/ .bg_black {height: 200rpx;backgrou...
关于页面的跳转，微信小程序提供了3种方法： 方法一： 使用API wx.navigateTo()函数示例： 首先先新建一个test页面 如何新建页面？ 请到先阅读下面教程 微信小程序的新建页面 —— 微信小程序教程系列（4）index.wxml: 在index.wxml新建一个button组件，并使用bindtap事件绑定一个函数index.js: 在index.js中的Page函数内部，添加changeToTest 函数，函数里面使用wx.navigateTo，写上需要跳转的页面，里面传入的是一个对象，对象内...
微信小程序标题栏和导航栏的设置方法，具体内容如下 设置标题栏 标题栏window在app.json文件里面，通过window对象里面的属性进行设置示例： app.json：运行：设置导航栏导航栏TabBar如果我们的小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。Tip： 通过页面跳转（wx.navigateTo）或者页面重定向（wx.redirectTo）所到...