小程序组件view基本用法

一、常用的视图容器类组件

① view

• 普通视图区域
• 类似于HTML中的 div，是一个块级元素
• 常用来实现页面的布局效果

②scroll-view

• 可滚动的视图区域
• 常用来实现滚动列表的效果

③swiper 和 swiper-item

• 轮播图容器组件和轮播图 item 组件

二、实战演示

1.view

可以看到view的区域占比是宽是占100%的，所以可以得出view是一个块级元素，但是在wxss中也可以改变view的区域分布

2.scroll-view

wxml:

wxss:

利用scroll-view可以制作滚动效果如上图所示，注意限制盒子的宽和高。