微信小程序(第二天笔记)

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
上一篇下一篇

猜你喜欢

热点阅读