zoukankan      html  css  js  c++  java
  • 微信小程序swiper标签的测试

    swiper属性(具体看官方文档):

    一:testswiper.wxml的代码如下。testswiper.js自动生成示例代码。

    //testswiper.wxml
    
    <view >
    
    <swiper indicator-dots="true" indicator-active-color="#000000" autoplay="{{true}}" interval="2000">
        <swiper-item>
          <view class="swiper_height  bc_yellow"></view>
        </swiper-item>
         
         <swiper-item>
         <view class="swiper_height  bc_red"></view>
        </swiper-item>
    
         <swiper-item>
            <view class="swiper_height  bc_blue"></view>
        </swiper-item>
    </swiper>
    
    </view>
    

    二:testswiper.wxss

    //testswiper.wxss
    .bc_yellow{
      background-color: yellow;
    }
    .bc_red{
      background-color: red;
    }
    .bc_blue{
      background-color: blue;
    }
    
    .swiper_height{
      height: 300px;
    }
    

    三:app.json上配置页面路径,效果如下

  • 相关阅读:
    申请加分项
    课程评价
    本周总结
    热词2
    热词1
    php大作业
    css网格布局
    php实验4
    本周总结
    css边框图像
  • 原文地址:https://www.cnblogs.com/hts-technology/p/7268808.html
Copyright © 2011-2022 走看看