小程序设计day5

首先是知道了一个图标网站!！iconfont

若要只在单独界面设置   需要在单独页面下的json文件中配置

 

 

之后就是核心的WXML

数据绑定

在wxml里使用大花括号，js可以看作与后端相似 

动态数据绑定，  JS里

 

 

wxml里

 

 

（有点类似全局变量?)注意必须要在data里面写

 甚至是对象也是可以写的

 

 （注意name后面的引号。。。）

wxml显示 注意左边是一个对象

访问数据，

 既然对象都可以了，当然数组也可以啦

 

 

 

 

 

（需要注意的是数组是中括号哦）

 

 

条件渲染

使用语句wx:if=""实现条件渲染

 

 需要注意的是condition必须要在两个花括号里。

 这里老师提了一下快速注释ctrl+/

条件渲染运用 elif 和 else

 

 

 block是一个比较神奇的标签。

 

 像这个情况 我们想要这三条全部都在符合一个条件下使用，如果把他们包容进一个view里 可以，但是会让布局丧失其个体性，也就是会变成一个整体，而block（空标签？）能在其不丧失个体性

（也就书在左上角预览排版中依然是一句一个元素，而不是三个混在一起形成一个整块元素）

 

 

列表渲染

wx:for

之前我们想在预览图里看到当前界面，都是在全局json中换位置，有没有不换位置的方法呢？有的!

添加demo3后，再上面有添加编译模式

 

 

 

for循环实例

 

 

 注意for里面有两个关键的东西 一个属index（索引值）一个是item（数组中的每一项）

加上索引值（从0开始）

 

 item把for循环里的数组（必须为数组（包括字符串数组，整数数组））里的每一项条例显示出来

 当然还能 自己改名字

 

  将index改为i 后面用{{i}}即可

数组型的对象也是可以用for的

wxml里

 

 

 

js里(不要掉以轻心，这里括号很容易弄错）

为什么会有自定义名称这种东西呢 因为for循环可以使用