小程序-模板与配置

avatar
作者
猴君
阅读量:0

一、WXML模板语法

1.数据绑定

2.事件绑定

什么是事件

小程序中常用的事件 

事件对象的属性列表 

target和currentTarget的区别 

bindtap的语法格式 

在事件处理函数中为data中的数据赋值 

3.事件传参与数据同步

事件传参 (以下为错误示例)

以上两者的区别是一个写{{}},输出为数字;另一个没写,输出为字符串。 

{{}}的插值写法叫mustache语法

bindinput的语法格式 

实现文本框和data之间的数据同步 

4.条件渲染

wx:if

结合<block>使用wx:if 

hidden 

wx:if与hidden的对比 

5.列表渲染

wx:for  

wx:key 

二、WXSS模板样式

wxss与css的关系

rpx 

 是小程序独有的,用来解决屏适配的尺寸单位

 实现原理

rpx与px之间的单位换算 

样式导入 

 

全局样式和局部样式 

 

三、全局配置

 window

 

 

这个颜色只支持16进制的背景色(#开头的),不支持red这种的   

 

 

 

默认距离是59px,如果没有特殊需求,建议使用默认值。 

tabBar

 

 

小案例 

四、页面配置

五、网络数据请求

 

 

仅限在开发与调试阶段使用  

六、案例-本地生活(首页)

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!