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

一、重温小程序如何创建页面

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。