0
点赞
收藏
分享

微信扫一扫

微信小程序常用视图标签

yongxinz 2022-01-15 阅读 79

一、view

二、scroll-view

<scroll-view class="scroll-box" scroll-y>
  <view>导航1</view>
  <view>导航2</view>
  <view>导航3</view>
  <view>导航4</view>
  <view>导航5</view>
  <view>导航6</view>
</scroll-view>

在wxss中设置样式

.scroll-box view{
  width:100px;
  height:40px;
  background-color: pink;
  border:1px solid #000;
}
.scroll-box{
  width: 100px;
  height:200px;
}

三、swiper-item

wxml中代码如下:

<swiper indicator-dots="true" 	indicator-active-color="red" 	autoplay 	interval="3000">
  <swiper-item>
    <image src="/images/1.jpg"></image>
  </swiper-item>
  <swiper-item>
    <image src="/images/2.jpg"></image>
  </swiper-item>
  <swiper-item>
    <image src="/images/3.jpg"></image>
  </swiper-item>
  <swiper-item>
    <image src="/images/4.jpg"></image>
  </swiper-item>
</swiper>

 参照开发文档如下:

 四、button

 

<button type="primary">测试</button>
<button type="primary" plain>测试</button>
<button type="primary" size="mini" plain>测试</button>

 

举报

相关推荐

0 条评论