小程序学习随笔

<view class="nav">
  <view hover="true" hover-class="hoverNav" class="nav-list" hover-stay-time="1000" wx:for="{{title}}">{{item}}</view>
</view>

1 .新闻导航的写法，注意wx：for 的写法 和位置，不能写到父元素上面吗，如果写到上面的父元素一会循环了，还有hover，其实不是hover，而是点击，可以设置点击后的效果和时间，注意item和index；注意for循环的时候 也会把当前的元素给循环了。所以写的位置很关键。和模板引擎不一样，那个是写到元素的外面。

2.滑块视图容器swiper。用来制作banner。注意一定要有swiper-item 循环一定要在 这里写，或者是和官方文档一定，在外面在写一个block

 <swiper-item  wx:for="{{bannerUrl}}" >
  <image src="{{item}}" style="width:100%;"></image>
 </swiper-item> 
</swiper>

3.滚动视图scroll-view     scroll-view 采用 flex是不起作用的，建议在 scroll-view里再套一层view，对这个view采用flex

<scroll-view style="width:100%;height:75rpx;">
  <view  class="sss">
  <block wx:for="{{scroll}}">
  <view class="list" style="width:200rpx;height:100rpx;background:red">{{item.title}}</view>
  </block>
  </view>
</scroll-view>

4.表单的提交，主要的是form和 其他的表单组件之间可以嵌套其他 的标签，详情可以看官方的文档

<form bindsubmit="EventHandle">
  <view class="nav">
    <picker mode="selector" range="{{objectArray}}" range-key="name" bindchange="bindchange" name="index" value="{{index}}">
      <view class="picker" >{{objectArray[index].name}}</view>
    </picker>
    <input placeholder="请输入搜索的名字" name="name" />  
    <view class="search">
      <button form-type="submit">搜索</button>
    </view>
  </view>
</form>