家政小程序怎么设置分类 第1篇
从组件库添加侧边栏选项卡组件
选择我们的服务分类表
修改变量名为categoryList
这里主要需要的是两个属性一个是label,配置之后就是侧边栏选项卡的中文名称,还有就是value,这个值一般是标签被选中之后的值
在微搭中如果希望变量绑定符合组件要求的,我们通常需要重新配置一下变量的内容,这里用到了数组的map方法,map方法会迭代数组里的每一个元素,并按照我们的要求重新返回新的属性
表达式如下
变量绑定之后默认我们的选项卡没有被选中
家政小程序怎么设置分类 第2篇
这里tapStatus配置为inside表示要跳转到内部页面,insideUrl需要传入页面ID,withParams表示跳转的时候要传参,而params配置了传入的具体参数信息
总结
本篇我们介绍了服务分类展示功能的开发过程,具体涉及到组件联动,页面传参的知识点,尤其通过map方法重新构造属性是必知必会的点,在动态展示数据源内容的会经常遇到,照着教程练习一遍吧。
来自: 低代码布道师 > 《待分类》
0条评论
发表
请遵守用户 评论公约
7、收藏夹 | NotionChina
迅雷7(Thunder) 去广告纯净版
迅雷7(Thunder) 去广告纯净版。1.破解体验限制,安装后正常使用 2.将迅雷看看组件设置为可选组件 3.取消默认使用迅雷看看播...
一篇文章带你搞懂微信小程序的开发过程
(逻辑),(配置),(样式)这三个是小程序的配置文件,通过他们来渲染页面,并启动小程序;然后我们在demo文件夹的d...
另类快捷键
另类快捷键。(一)Ctrl键。Ctrl+E:打开_搜索_ 侧边栏;Ctrl+H:打开_历史_侧边栏;Ctrl+I:打开_收藏夹_侧边栏;Ctrl+R= Ctrl+F5=F5:刷新当前页面<前两者仅适用于...
Onsen UI 前端框架(二)
侧边栏的使用频率还是相对来说比较高的,大家经常见到的侧边栏就应该是在左边。除了上面写到的side属性用来定义侧边栏的位置,侧边栏还...
隐藏任意一个或多个页面的侧边栏...
所以,是时候考虑在一个或多个页面隐藏侧边栏的方法了。我最先想到的一个办法是通过在页面里调用CSS来把侧边栏display:none掉,遗憾的是,这样做不起作用。我于是又想到在页面的文章里加入PHP代码来隐...
企业微信聊天侧边栏有什么用,怎么配置聊天侧边栏?
企业微信聊天侧边栏要怎么设置呢?能否添加自定义页面等信息?今天,语鹦企服就教你怎么设置和使用聊天工具栏?
微信小程序实现页面左右滑动
wxml文件
键盘快捷键
家政小程序怎么设置分类 第3篇
内容部分我们用数据列表进行配置,选中侧边栏选项卡的内容插槽,添加数据列表组件
选择模板为卡片列表,数据模型选择服务管理,为了显示多一点内容,选中列,将其调整为4,这样一行就显示了3列
修改图片的宽和高,设置为64
选中文本组件,打开溢出省略
设置第二个文本,配置为优惠价格
数据列表配置好之后要和我们的侧边栏选项联动,设置数据筛选
设置为服务分类等于我们侧边栏选项卡的选中标签