家政小程序怎么设置分类 第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
选中文本组件，打开溢出省略
设置第二个文本，配置为优惠价格
数据列表配置好之后要和我们的侧边栏选项联动，设置数据筛选
设置为服务分类等于我们侧边栏选项卡的选中标签