Daisy_Jy小程序基本组件

 

轮播组件

<swiper autoplay="true" vertical="true" class="swiperview">

<swiper class="swiperview" current="{{currentindex}}">

<swiper autoplay="true" indicator-active-color="pink" indicator-color="gray" indicator-dots="true" interval="{{3000}}" duration="{{5000}}">
            <swiper-item>
              <view class="sbox bg1"></view>
            </swiper-item>
            <swiper-item>
              <view class="sbox bg2"></view>
            </swiper-item>
            <swiper-item>
              <view class="sbox bg3"></view>
            </swiper-item>
          </swiper>

• autoplay:自动播放（轮播）
• indicator-active-color:轮播下的小点对应轮播界面时的颜色
• indicator-color:轮播下小点未对应时的颜色
• indicator-dots:是否显示轮播下方小点
• interval:间隔时间
• vertical:当值为true时竖着轮播
• duration:持续时间current:对应轮播界面swiper-item:轮播current所对应的界面

 <scroll-view class="scrollview" scroll-y="true">
            <view class="aview">
                <block wx:for="{{30}}">
                  <view class="cellview">
                    {{item}}
                  </view>
                </block>
            </view>
          </scroll-view>

scroll-x,scroll-y对应滚动方向，滚动视图若要定义flex布局，则添加enable-flex="true",否则定义display:flex无效，不使用enable-flex属性时，对scroll-y可以内套view,对该view进行布局，对scroll_x，需定义white-space=nowarp（不换行）

并将里面的元素改为行内块元素来使其在一行上且能定义大小。