微信小程序(第二天笔记)
2019-03-18 本文已影响0人
沉默成本
一、重温小程序如何创建页面
1.手动建立
2.批量建立:
右键pages->创建目录
右键在创建的目录->新建page->命名并回车
二、小程序数据绑定
通过在data:{}中添加数据,通过在wxml页面中添加{{ }}来绑定数据
绑定数据的形式:字符串,数值,数组
三、小程序数据遍历和判断
数组如何遍历:通过wx:for,通过item添加每一项,通过index添加索引
例如:
<view class="goods-list">
<view class="border_bottom"
wx:for="{{ list }}"
wx:for-index="要改的下标名称"
wx:for-item="要改的项的名称"
>
<view>商品编号:<text>{{ id+1 }}</text></view>
<view>商品名称:<text>{{ item.name }}</text></view>
<view>商品价格:<text>{{ item.price }}</text></view>
</view>
</view>
四、小程序css选择器
小程序css选择器只能使用:class,id