微信小程序页面双栏布局教程小程序页面双栏布局

最新推荐文章于 2024-08-07 22:38:02 发布

厦门在乎科技

最新推荐文章于 2024-08-07 22:38:02 发布

阅读量3.8k

点赞数

分类专栏：文章文章标签：小程序微信游戏

本文链接：https://blog.csdn.net/weixin_41996102/article/details/115479192

版权

文章专栏收录该内容

256 篇文章 7 订阅

订阅专栏

本文详细介绍了小程序中的双栏组件，主要用于整体布局，将区域一分为二，支持自定义百分比分配。双栏组件内可嵌套其他基本组件，如文本、图片等，实现复杂布局。组件设置包括尺寸、间距、背景及中隔线样式和颜色。此外，双栏组件还提供了页面跳转、功能调用等功能选项，如拨打电话、刷新页面等。

摘要由CSDN通过智能技术生成

一、小程序双栏组件说明：

用来整体的布局，相当于一个一分为二的板块，它分为两部分，操作的时候显示一个分隔的标志，便于操作，预览则不会出现。双栏默认每个栏占50%，当然，百分比是可以调整的。
双栏里面可以添加基本的组件（包括文本组件、图片组件、按钮组件、标题组件、分类组件、音频组件、双栏组件、计数组件），从而达到一个整体的布局效果。双栏也可以嵌套双栏，也就是一个双栏里嵌入再嵌一个双栏就可以分成三部分了，四部分就接着再嵌套一个，如此下去。
在这里插入图片描述
双栏组件位置：设置当前组件两个分栏的所占比。中隔线样式：设置本组件的样式，如“实线”“点线”“虚线”。中隔线颜色：如果设置了组件样式，可以调整样式的线条颜色。
“页面”选项，可以选择“链接至”跳转的页面。“功能”选项，可以选择“调用功能”。“调用功能”中可以选择“拨打电话”、“刷新页面”、“刷新列表”和“商品买卖”。
二、小程序双栏组件样式
在这里插入图片描述
组件设置尺寸：设置本组件的高度。间距：设置本组件与其他组件之间的间距。背景：设置组件的背景颜色或者背景图片。透明度：设置轮播图片在本组件的透明程度。