✨✨ 欢迎大家来访Srlua的博文（づ￣3￣）づ╭❤～✨✨🌟🌟 欢迎各位亲爱的读者，感谢你们抽出宝贵的时间来阅读我的文章。
我是Srlua小谢，在这里我会分享我的知识和经验。🎥
希望在这里，我们能一起探索IT世界的奥妙，提升我们的技能。🔮
记得先点赞👍后阅读哦~ 👏👏
📘📚 所属专栏：小程序
欢迎访问我的主页：Srlua小谢 获取更多信息和资源。✨✨🌙🌙
目录
小程序的宿主环境-组件
2.常用的视图容器类组件
3.view 组件的基本使用
实现如图的 flex 横向布局效果:
4.scroll-view 组件的基本使用
实现如图的纵向滚动效果:
5.swiper和swiper-item 组件的基本使用
实现如图的轮播图效果:
6.swiper 组件的常用属性
7.常用的基础内容组件
8.text 组件的基本使用
9.rich-text 组件的基本使用
10.其它常用组件
12.image 组件的基本使用
13.image 组件的 mode 属性
小程序的宿主环境-组件
不常用：
2.常用的视图容器类组件
3.view 组件的基本使用
实现如图的 flex 横向布局效果:
4.scroll-view 组件的基本使用
实现如图的纵向滚动效果:
5.swiper和swiper-item 组件的基本使用
实现如图的轮播图效果:
6.swiper 组件的常用属性
想要有小圆点则加上indicator-dots
修改未选中的页面小圆点为白色
修改选中页面的小圆点为蓝色
自动切换，默认五秒
改为三秒自动切换
衔接切换，可后最后页面切回初始页面
7.常用的基础内容组件
8.text 组件的基本使用
9.rich-text 组件的基本使用
10.其它常用组件
11.button 按钮的基本使用
12.image 组件的基本使用
13.image 组件的 mode 属性
默认情况下，图片容易失真：
加上mode="aspectFit"
保持了图片本身的比例，但是可能留白
如果使用aspectFill，则是按照比例放大，也会发生裁剪效果
如果使用widthFix，则保持宽度不变，高度自适应，而heightFix相反
希望对你有帮助！加油！
若您认为本文内容有益，请不吝赐予赞同并订阅，以便持续接收有价值的信息。衷心感谢您的关注和支持！
)
