美文网首页
微信小程序(第二天笔记)

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

作者: 沉默成本 | 来源:发表于2019-03-18 20:45 被阅读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

    相关文章

      网友评论

          本文标题:微信小程序(第二天笔记)

          本文链接:https://www.haomeiwen.com/subject/dccimqtx.html