首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >微信小程序开发:宿主环境—组件

微信小程序开发:宿主环境—组件

作者头像
Srlua
发布于 2024-08-04 09:34:16
发布于 2024-08-04 09:34:16
7870
举报
文章被收录于专栏:CSDN社区搬运CSDN社区搬运

小程序的宿主环境-组件

不常用:

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相反

​​希望对你有帮助!加油!

若您认为本文内容有益,请不吝赐予赞同并订阅,以便持续接收有价值的信息。衷心感谢您的关注和支持!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-08-01,如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • 小程序的宿主环境-组件
    • 2.常用的视图容器类组件
    • 3.view 组件的基本使用
      • 实现如图的 flex 横向布局效果:
    • 4.scroll-view 组件的基本使用
      • 实现如图的纵向滚动效果:
    • 5.swiper和swiper-item 组件的基本使用
      • 实现如图的轮播图效果:
    • 6.swiper 组件的常用属性
    • 7.常用的基础内容组件
    • 8.text 组件的基本使用
    • 9.rich-text 组件的基本使用
    • 10.其它常用组件
    • 11.button 按钮的基本使用
    • 12.image 组件的基本使用
    • 13.image 组件的 mode 属性
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档