小程序开发_06模板样式配置

一、wxml模板语法—数据绑定

1. 基本原则
   ① 在data中定义数据【.js文件】
   ② 在wxml中使用数据【{{}}】
   

2. Mustache语法的应用场景
   ① 绑定内容
   ② 绑定属性
   ③ 绑定三目运算符

二、wxml模板语法—事件绑定

1. 渲染层到逻辑层的通讯方式，通过事件可以将用户在渲染层产生的行为，反馈到逻辑层进行业务处理
   
2. 常用的事件
   

3.事件对象的属性列表

4 . target与currentTarget的区别

5 . bindtap语法格式


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

7. 事件传参
   

8. bindinput语法格式
   

9. 实现文本框和data数据同步
   ① 定义数据
   ② 渲染结构
   ③ 美化样式
   ④ 绑定input事件处理函数

三、wxml模板语法—条件渲染

四、wxml模板语法—列表渲染

五、wxml模板样式

六、wxss模板样式–全局样式，局部样式

定义在 app.wxss 中的样式为全局样式，作用于每一个页面。
在 page 的 wxss 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 app.wxss 中相同的选择器