小程序常用视图标签、样式和全局配置

一、常用视图标签

1.view

view标签前面一直在用，不做赘述，相当于我们以前学习的div，是块元素，一般搭配我们学过的伸缩布局来实现。

2.scroll-view

此视图标签一般用于移动端常见的滚动效果。

wxml中标签设置如下：

<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;
}

 

3.swiper-item

swiper-item一般是实现轮博图的

wxml中代码如下：

<s