实战练习:微信小程序的界面临时变量控制组件状态

94 阅读1分钟

基础知识

图片描述

图片描述

图片描述

实操步骤

第1步:打开扣子开发平台(www.coze.cn/studio)

图片描述

第2步:工作空间 - 项目开发 - +创建

图片描述

第3步:创建空白应用

图片描述

图片描述

第4步:用户界面 - 小程序和H5 - 开始搭建

图片描述

第5步:布局组件 - 容器,拖到中间

图片描述

第6步:展示组件 - 轮播,拖到DIV层里

图片描述

第7步:单击中间的轮播图,修改示例图

图片描述

图片描述

图片描述

图片描述

依次更改第2、3张图片

图片描述

第8步:结构 - DIV1,删除填充色

图片描述

第9步:推荐组件 - 文本,拖到轮播图的下方。

图片描述

第10步:结构 - 图层 - Text1

图片描述

第11步:数据 - 变量 - +

图片描述

第12步:设置变量

图片描述

图片描述

第13步:组件 - 输入组件 - 单选按钮

图片描述

第14步:单击单选按钮 - 属性

图片描述

图片描述

图片描述

图片描述

第15步:单选按钮 - 事件 - 新建

图片描述

第16步:首页 - 预览,测试下单选按钮控制变量的值,是否有误。

图片描述

图片描述

第17步:单击中间的轮播图

图片描述

组件与变量 - 界面变量 - show - value

图片描述

图片描述

第18步:点击单选按钮“隐藏”,可以看到轮播图已经隐藏了。

图片描述

第19步:预览

图片描述

图片描述