微信小程序购物商城项目四分类页面
四、分类页面4.0 创建 cate 分支
运行如下的命令，基于 master 分支在本地创建 cate 子分支，用来开发分类页面相关的功能： git checkout -b cate4.1 渲染分类页面的基本结构1. 页面结构 xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx 2. 动态计算窗口剩余高度： 3. 美化页面结构
测试结果如下：
4.2 获取分类数据
获取到的数据示例如下 ： { ＂message＂: [ { ＂cat_id＂: 1, ＂cat_name＂: ＂大家电＂, ＂cat_pid＂: 0, ＂cat_level＂: 0, ＂cat_deleted＂: false, ＂cat_icon＂: ＂＂, ＂children＂: [ { ＂cat_id＂: 3, ＂cat_name＂: ＂电视＂, ＂cat_pid＂: 1, ＂cat_level＂: 1, ＂cat_deleted＂: false, ＂cat_icon＂: ＂＂, ＂children＂: [ { ＂cat_id＂: 5, ＂cat_name＂: ＂曲面电视＂, ＂cat_pid＂: 3, ＂cat_level＂: 2, ＂cat_deleted＂: false, ＂cat_icon＂: ＂https://api-hmugo-web.itheima.net/full/2fb113b32f7a2b161f5ee4096c319afedc3fd5a1.jpg＂ } ] } ] } ], ＂meta＂: { ＂msg＂: ＂获取成功＂, ＂status＂: 200 } }
返回参数说明
参数名
类型
cat_id
int
分类id
cat_name
string
分类名称
children
array
子节点
cat_icon
string
图标 4.3 动态渲染左侧的一级分类列表1. 循环渲染列表结构 {{item.cat_name}} 2. 在 data 中定义默认选中项的索引 3. 循环渲染结构时，为选中项动态添加 .active类名 {{item.cat_name}} 4. 为一级分类的 Item 项绑定点击事件处理函数 activeChanged {{item.cat_name}} 5. 定义 activeChanged 事件处理函数，动态修改选中项的索引4.4 动态渲染右侧的二级分类列表1. 在 data中定义二级分类列表的数据节点2. 修改 getCateList方法，在请求数据之后，为二级分类列表数据赋值3. 修改 activeChanged方法，在一级分类项改变之后，为二级分类列表数据重新赋值4. 循环渲染右侧二级分类列表的UI结构 ... {{item2.cat_name}} 5. 美化二级分类的标题样式6. 测试结果
4.5 动态渲染右侧的三级分类列表1. 在二级分类的 组件中，循环渲染三级分类的列表结构 ... / {{item2.cat_name}} / {{item3.cat_name}} 2. 美化三级分类的样式
测试效果如下：
图片url无法访问，出现问题，暂未解决4.6 切换一级分类后重置滚动条的位置1. 在 data 中定义 滚动条距离顶部的距离2. 动态为右侧的 组件绑定 scroll-top属性的值3. 切换一级分类时，动态设置 scrollTop 的值// 左侧选中项改变事件处理 activeChanged(i) { this.active = i this.cateLevel2 = this.cateList[i].children // 让 scrollTop 在 0 和 1 之间切换 this.scrollTop = this.scrollTop ? 0 : 1 }4.7 点击三级分类跳转到商品列表页面为三级分类的 Item 项绑定点击事件处理函数 定义事件处理函数 gotoGoodsList(item3){
uni.navigateTo({
url: ＂/subpkg/goods_list/goods_list?cid=＂ + item3.cat_id
})
} 4.8 分支的合并与提交git add . git commit -m ＂完成了分类页面的开发＂ git push -u origin cate git checkout master git merge cate git push -u origin cate git branch -d cate
万人下沉一线蹲点乡村问振兴全面实施乡村振兴战略的深度广度难度都不亚于脱贫攻坚。在这场广东史上规模最大的帮扶行动中，万人下沉镇村一线寻村情找问题谋对策定规划。如何破解乡村振兴面临的堵点痛点难点？南方杂志记者郭
人类自杀痛苦程度对照表，漫画世界如此美好，请好好珍惜自杀虽然是一个很沉重的话题，但在现实中确确实实存在。学业失败被捕欺凌破产失恋失业社会地位丧失这些情况的发生让很多人开始自暴自弃，甚至沉浸在痛苦中无法自拔，最终选择自杀来终止痛苦。根
台独分子不会就此躺平，我们要高度警惕自从8月8日我人民解放军继续展开绕台湾岛演训行动后，岛内台独分子又开始蠢蠢欲动，主要表现在几方面一是部分死独分子高调表态捐款备战，如台联电集团荣誉董事长曹兴诚主动宣布将向台当局捐款
强劲冷空气袭击北方10省，大范围降温略超预期！预报对南方无效这两天，我国中东部地区的天气形势已经发生了一些变化随着冷空气悄然潜入，北方的东北华北黄淮已经先后降温。8月9日凌晨4点，从整点气温图上看，内蒙古东部多地气温普遍跌破10度，东北平原
8月已至，有哪些手机厂商要放大招呢？过去的7月，小米12SUltra和iQOO10Pro可谓抢尽风头。一个影像炸裂，一个快充秒杀，很难不爱。如今8月已至，又有哪些厂商会放大招呢？据我所知，本月至少有4家厂商会发布新机
台湾统一时机已成熟这次美国众议长佩洛西窜访台湾，公然挑战一中原则，遭到我国的严正交涉，解放军采取了反制措施，围岛封锁举行军演，军演达到了预期效果，对台独势力起到了震慑作用。解放台湾统一祖国，是我国政
彩瞳打败口红成新宠，上千玩家掘金500亿市场，毛利高却没人赚钱撰文财经天下周刊作者刘冬雪编辑陈芳口罩遮住了下半张脸的当下，唇妆失宠了，取而代之的是眼妆，作为点睛之笔的彩瞳更是获得了高速发展，上千家企业开始疯抢这个规模将达500亿的新风口。然而
台军屏东两地同步操演，解放军宣布延长锁台演习据台媒报道，称台将在9日进行反登陆演习，并且划定的区域与解放军的军演范围或有重叠。解放军目前锁台军演还未结束，台军此时却高调宣布举行天雷操演，被认为是反制的一种手段，一下子将局势推
我国芯片行业，四位大佬接连被带走，传递出啥信号我国现在已经成为了世界第二大经济体，各行各业的发展都处于了世界的前列，与全球其他国家的联系也日益紧密，尤其是在贸易往来方面，我国不仅输出了多种多样的高性价比商品到其他国家，也在从其
口腔溃疡反复不好，其实是脏腑发出的信号！这4个方法帮你解决动不动就长一嘴泡，甚至说舌尖舌边上也有，一旦发作，吃不好，睡不着，怎么才能摆脱这种痛苦呢？今天刘医生分享四个方法帮你解决。其实在中医看来，口腔溃疡的根本在于体内有火，火邪聚集在口腔
耳鼻喉疾病与激素很多人谈激素色变，第一反应就是水牛背满月脸等等副作用。临床上很多患者也会质疑您给我开的什么药？不是激素吧？大家对激素都有点排斥。但是耳鼻喉很多疾病真的是要用激素的，不仅是要用，而是
如何看待SpaceX猎鹰九号火箭FT型的低轨运力已经接近中国长征五号系列中的最大型（CZ5B）？长征五跟猎鹰九是有代差的，我们自重高出猎鹰九差不多13，运载力几乎差不多，cz5似乎还没有官方确切数据，而猎鹰九是完全公开的。推重比差距巨大，详细参数还不能比。梅林和猛禽发动机的确小雨哩哩啦啦下了一天一夜，在这样的天气里，你们喜欢做什么？无独有偶，我现在所在的城市就是这样的天气。加上佳节将至，没有什么是在晚上能跟父母坐在一起吃一顿饭相比，陪父亲一起喝点小酒，听着他们的唠叨。每年回家时间都比较短，只有节日会回家中短暂喝白酒话就多，喝完经常耍酒疯，可怎么说也改不了，该怎么办呢？你好，喝酒闹矛盾，不是你家的专利。起因是喝酒使人幸奋，也使人忧，酒后丧志，甚至发生悲剧的事也不少。建议平时尽量多勾通，多体量各自的难处。大部分喝酒闹事的男人，心里都有烦心事，或者解外地朋友第一次来中山，一日游怎么玩？中山适合一日游的地方太多了啊！下面介绍几个。1孙中山故里旅游区，位置在南郎镇翠亨大道93号，现在是国家5A级旅游区哦，景区里主要有翠亨古村孙中山故居纪念馆中山城犁头尖山辛亥革命纪念杭州有哪些小巷适合一个人去旅游？杭州的老巷子虽然比不过苏州扬州等地那么多，但只要去发现还是会有一些很有味道的巷子，我周末空的时候也会经常去逛逛。下面我来说说，有些我去过，有些是没去过整理过来的。小河直街这条街可能南海群岛若干年后会不会长出水面变成一个大岛？南海群岛若干年后长出水面变成一个大岛，不要说是若干年，就是上千年只能停留在理论上的可能，而且是非常渺茫的。我国南部海区分布着很多岛屿，按地理位置可以把南海诸岛分为四大群岛，即东沙西那些二三十万的电脑是怎么配出来的？你很感兴趣吗？嗯，反正这又是一次这辈子都不想买的东西之一，那我就简单说说吧。首先呢，三大件（CPU主板内存），其实在这里面都不算很贵，就按照咱们目前的新一代配置来走吧，咱们就不说服云市场发展迅速，企业如何用好公有云？现在的云主要是还是基础设施云（如ECS，CDN，等等），中间件（如mq，cache等）的云。这些都是要在上面开发或是移植现有业务上去才能使用的。这就限制为大企业或是部分特定企业才有请问下肾阳虚的症状，怎么样才能快点好起来？一，肾阳虚，为中医名词术语。由于肾阳虚衰，温煦失职，气化失权所表现的一类虚寒证候，称为肾阳虚证。多由素体阳虚，或年老肾亏，或久病伤肾，以及房劳过度等因素引起的。二，肾阳虚证的临床表甲状腺检验的五项与甲状腺结节有关吗？甲状腺五项和甲状腺结节，都是症状呈现。一）甲状腺作用机理及作用TRH促甲状腺激素释放激素TSH促甲状腺激素T3T4甲状腺激素，T4需要转化为有活性的T3，当压力大或有应急的情况下，退休后再去公司上班，工资8000块，还要交个税吗？退休后再去公司上班，会有两部分收入，一是社保局发的养老金收入，一是返聘你的公司发给你的工薪收入。按照个税法的规定，养老金收入免征个人所得税，也就是不论你养老金是多少，都无需交个税。