深浅模式
样式与点击动作
选中画布上的组件后，右侧 样式 Tab 与 属性 中的 点击动作 是美化与交互的两类核心配置。
组件拖上去之后，右边两个 Tab 最常用：「属性」填文案、图片、跳转；「样式」调间距、颜色、圆角。本篇还讲「点击动作」和筛选标签怎么联动列表。
建议顺序
- 1选中组件点画布上的块，右侧出现属性/样式
- 2先属性后样式先把内容和跳转配对，再统一调间距
- 3保存并启用改完回列表启用，否则用户看不到
改样式也要保存 + 启用
样式存在页面配置里，和组件属性一起保存。只保存不启用，线上仍是旧皮肤。TabBar 的底栏颜色在 TabBar配置 改，不在这里。
通用样式面板
所有画布组件共用一套样式项。数字单位一般是 rpx（响应式像素，750 约等于手机屏宽，不用自己换算太多）。想左右留白：宽度填 720、左边距 15（总宽 750），相当于两侧各 15 的边距。
宽度 / 高度不填往往表示自适应；轮播、图片常要设高度
外边距组件和外面内容的距离，上下左右可分开填
内边距组件边框到里面文字/图片的距离
背景色 / 背景图可透明；背景图可选裁剪或完整显示
圆角 / 边框卡片感常用 16～24；描边按钮要配边框颜色
透明度0 全透～1 不透明
阴影可选，让模块浮起来；不会填可先留空
笔记/圈子列表：样式分两层
笔记列表、圈子列表、瀑布流比较特殊，别搞混「整列表」和「单条卡片」。面板顶部灰色提示会写明当前改的是哪一层，照着提示点就行。
样式 → 尺寸、外边距整块列表区域的外壳
样式 → 内边距、背景、圆角、边框每一条卡片的外壳
属性里的字号、颜色等卡片里面的头像、标题、点赞数等细节
点击动作（用户点下去去哪）
按钮、轮播图、金刚区图标、列表行等都能配。在属性里点「点击动作」一行，弹出选择器。跳转页面打开 App 内某个页面
重定向关掉当前页再打开新页
切换 Tab跳到底部某个 Tab（须和 TabBar 里注册的一致）
打开外链H5 网页地址
打开小程序跳别的微信小程序
预览图片 / 复制文本 / 拨打电话 / 打开地图按场景选用
发布弹窗一般给 TabBar 中间「+」用
无动作纯展示，点了没反应
点击动作配置示例
动作类型为页面跳转时，可从系统内置路由列表选：首页、发现、消息、我的、笔记详情、圈子详情、搜索、自定义页面、外卖/闲置等业务页。
- 1金刚区「二手闲置」选中金刚区 → 展开对应图标项 → 点击动作 → 跳转页面 → 选择闲置相关页面
- 2轮播图第一张 → 活动页轮播图 → 图片 1 → 点击动作 → 跳转页面 → 选择自定义页并带上正确的 page_type
筛选标签和列表怎么联动
圈子详情页只能联动笔记列表，不能联动圈子列表。
- 1加筛选标签内容模式选「列表 API 联动」
- 2记联动标识例如填 home-feed
- 3加笔记/圈子列表联动标识也填 home-feed
- 4保存启用客户端切换 Tab 应刷新列表
列表 API 联动（常用）用户点「推荐/最新」等 Tab，下面笔记或圈子列表跟着换数据
Tab 独立内容区每个 Tab 下面拖一小块静态内容，适合分区展示，不拉接口
联动标识筛选标签和下方列表填同一个字（默认 default），像配对编号，不一致就不联动
表单组件的内嵌样式
- 表单类组件除样式 Tab 外壳外，属性 Tab 内还有：标题样式、输入区样式、选项 pill 样式、滑块轨道颜色等
- 表单说明组件：提示条背景色在属性 → 说明样式配置；样式 Tab 背景仅作用于外层容器，建议保持透明
样式调试技巧
- 先搭结构再微调：先用默认样式排好组件顺序，最后统一改间距
- 用模块标题分区：长首页用「模块标题」组件分隔区块
- 列表放底部：笔记列表等数据组件尽量靠下，上方放运营位
- margin 留白：模块之间常用 marginTop: 20~30 rpx
- 预览 ≠ 真机：工具栏预览为截图；最终以 App 内效果为准
验收清单
- 可点击的组件都配了点击动作（按钮、金刚区、轮播图等）
- 筛选 + 列表的联动标识两边一致
- 列表卡片背景改在正确一层（外层/卡片内）
- 页面已保存且在列表启用
- App 内点击、切换筛选 Tab 行为符合预期
常见问题
按钮点了没反应属性里是否配了点击动作；是否保存并启用。
切换筛选列表不动联动标识不一致；内容模式是否选了 API 联动。
列表卡片背景改不对看样式面板顶部提示，内边距/背景可能改在卡片层而非整列表层。
改了 Tab 栏颜色没变底栏样式在 TabBar配置，不在页面样式 Tab。
阴影填了没效果部分组件不支持或值格式不对，可先靠背景色和圆角做出层次。