前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序开发:宿主环境—组件

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

作者头像
Srlua
发布2024-08-04 09:34:16
1000
发布2024-08-04 09:34:16
举报
文章被收录于专栏: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 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 小程序的宿主环境-组件
    • 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 属性
                    相关产品与服务
                    容器服务
                    腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
                    领券
                    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档