zoukankan      html  css  js  c++  java
  • 小程序轮播图

    wxml页面:

       <swiper class="swiper" indicator-dots="true" autoplay="true" interval="2000" duration="1000">    
          <block wx:for="{{movies}}" wx:for-index="index">    
            <swiper-item>    
              <image src="{{item.url}}" class="slide-image" mode="aspectFill"/>    
            </swiper-item>    
          </block>    
        </swiper>   

    轮播属性说明:

    wxss页面:

    .swiper {
      height: 600rpx;
      width: 100%;
    }
    .swiper image {
      height: 100%;
      width: 100%;
    }

    js页面:

    Page({
      data: {
        showView: true,
        animationData: {},
        slide: [],
        sysinfo: {},
        list: [],
        cats: [],
        copyright: '',
    
        //轮播图片
        imgUrls: [
          {url:'/yyf_company/resource/images/swiper.png'},
          { url:'/yyf_company/resource/images/swiper.png'},
          { url:'/yyf_company/resource/images/swiper.png'}
        ]
      }
    })
  • 相关阅读:
    我的学习记录-JAVA SE 03
    我的学习记录-JAVA SE 02
    我的学习记录-JAVA SE 01
    我的mysql的学习记录
    Hibernate4学习一
    java3
    java5
    java基础4
    java2
    java
  • 原文地址:https://www.cnblogs.com/moguzi12345/p/7766760.html
Copyright © 2011-2022 走看看