描述小程序页面的 pages
2016-12-05 14:35:12 26 举报
AI智能生成
描述小程序页面的 pages
作者其他创作
大纲/内容
page.json
page.wxss(局部样式)
尺寸单位
rpx(responsive pixel)
rem(root em)
样式
内联样式 sytle
外联样式
样式导入 @import
选择器
page.js
初始化数据 data
生命周期函数
事件处理函数
!!!setData ()函数
作用域
page.wxml
数据绑定
数据来源:WXML 中的动态数据均来自对应 Page 的 data。
语法: {{}} 双大括号
表达式
三元运算
算数运算
逻辑判断
字符串运算
数据路径运算
条件渲染 标签
作用: 判断是否需要渲染该代码块
语法: wx:if="{{condition}}"
wx:elif 和 wx:else
wx:if vs hidden
列表渲染 标签
语法:wx:for={{array}}
作用: 使用数组中各项的数据重复渲染该组件
默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item
使用 wx:for-item 可以指定数组当前元素的变量名,
使用 wx:for-index 可以指定数组当前下标的变量名:
渲染一个包含多节点的结构块
模板
语法:内容data
name属性作为模板的名字
调用模板:
is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入
模板拥有自己的作用域,只能使用data传入的数据。
事件
冒泡事件
bind事件
非冒泡事件
catch事件
处理函数收到一个事件对象
type
timeStamp
target(触发事件的组件)
id
tagName
dataset
currentTarget(当前组件)
id
tagName
dataset
detail(自定义事件)
touches(触摸事件)
changedTouches(触摸事件)
引用
import
使用目标文件定义的template
作用域 : 只能直接引用 不能间接引用
include
将目标文件除了的整个代码引入,相当于是拷贝到include位置
0 条评论
下一页
为你推荐
查看更多

图形选择
思维导图
主题
补充说明
AI生成

提示
关闭后当前内容将不会保存,是否继续?
取消
确定