文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

《仿盒马》app开发技术分享-- 分类左侧列表（17）

## 技术栈Appgallery connect## 开发准备上一节我们实现了分类页面的顶部导航栏全选弹窗列表，并实现了跟顶部列表的点击选中联动效果，这一节我们要实现的功能是，分类模块的左侧列表，它同样也需要跟弹窗列表的点击...，顶部列表的点击有联动的效果## 功能分析1.列表展示列表的数据展示，我们要根据当前选中的顶部列表child_id作为前提条件进行数据的查询，因为我们的顶部列表是一个大的分类，比如酒水饮料，他可能分为...啤酒、白酒、红酒这些细分品类，当我们点击其他品类，左侧的列表同时也要进行切换。...(0x0000, 'testTag', `Failed to query data, code: ${this.categoryList}`); } 这样只要id进行了修改，我们的数据查询就会执行左侧列表...，我们点击其他类目对应的左侧列表数据也会发生相应的改变

13600
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    《仿盒马》app开发技术分享-- 分类模块顶部导航列表（15）

    ## 技术栈Appgallery connect## 开发准备上一节我们实现了购物车商品列表的大部分功能，实现了商品的添加、删除、增减、价格计算等业务，并且都跟云端进行通信。...现在我们继续对项目进行改造，这一节我们要改造的内容是分类页，这个页面我们在之前的非端云一体化项目中实现过。...现在要改造成端云一体的模式，并且我们的金刚区也要实现分类页的点击联动## 功能分析1.分类列表分类列表我们要注意首页跳入切换到对应item的情况，点击时item对应的字体、背景色等状态的变化，以及list...(index) })在index页面拿到下标后控制tabs切换到分类，并且传入下标 SplitLayout({listData:this.splitList,onItemClick...this.controller.changeIndex(1); this.pos_check=pos }})分类页顶部导航列表自定义组件

    13500

    《仿盒马》app开发技术分享-- 分类模块顶部导航列表弹窗（16）

    ## 技术栈Appgallery connect## 开发准备上一节我们实现了分类页面的顶部导航栏列表，并且实现了首页金刚区跟首页导航栏的联动，这一节我们实现导航栏列表的弹窗功能，需要学习的知识点有自定义弹窗...，同时我们的数据源需要跟分类页保持一一致。...## 功能分析**1.弹窗**自定义弹窗的实现，然后我们需要在弹窗创建的时候实现数据的同步，当我们在弹窗未出现的时候进行列表下标的切换，打开弹窗的时候需要把对应的index传递进去，选中状态要保持同步。...同时在弹窗内选择分类，外部列表也要同步切换，并且每次切换都要在list允许居中的情况下实现选中的item居中。...= () => { }; controller: CustomDialogController;然后实现相关布局以及逻辑build() { Column() { Text('全部分类

    11900

    个人主题建站首选微博秀模板，仿新浪微博官网

    主题更新日志：（2020/04/22） 修复分类列表文章NEW标签遮盖下拉菜单的BUG。 主题更新日志：（2020/04/20） 修复文章评论没有翻页功能的BUG。...主题更新日志：（2020/04/19） 优化分类列表文章缩略图的显示方案。 优化移动端叠加评论时左侧的间距。 优化搜索页文章描述调用方式。...主题更新日志：（11/22） 优化导航自适应显示效果，由原来左侧手指图标显示改为顶部状态栏显示。 修复独立文章页编辑时链接指向文章的BUG。 优化了自适应导航各模块之间的间距。...主题更新日志：（09/18） 优化SEO标题，修复分类列表翻页显示重复的BUG。...主题设置介绍： 按照我的习惯设置步骤走，首页我可能会先设置侧栏信息，左侧的导航调用的模块是，导航栏（模块管理，导航栏），设置完导航在设置右侧的侧栏信息，标注下各模板对应的侧栏模块： 首 页 模 板（对应

    4.7K20

    Z-BlogPHP开运锦鲤前来报道（更新说明及操作教程，必看文章）

    调用数据为：一年内（365天）评论次数最多的前100名用户（可能目前还不完善，但是不影响使用，不需要可以不开启） 效果图： --、网站分类所属的子分类栏目列表，如果分类下没有子分类则不显示。...不喜欢这个颜色的，主题后台自定义css修改）； 设置方法：用户中心---常规配置，收藏按钮----基于元素添加（如图）：.ds-reward-stl ----优化页面整体效果及自适应展示效果，修改手机版导航为左侧菜单...，修复三级导航菜单重叠BUG，优化三级菜单背景颜色。...设置如下： 第一种：发布（编辑）文章，点击右侧，模板，选择“itheme”如图： 第二种：如果不想每次都选择的话，那么选择左侧菜单，分类管理--编辑分类--选择文章分类模板“itheme”如图： 然后保存...第二个：侧栏，先说下侧栏的调用顺序：左侧菜单，模块管理，找到主题和插件创建的模块，然后把你想展示的模块拖拽到右侧。

    4.7K30

    Typecho仿百度响应式主题Xaink

    typecho主题的想法，而我正好在使用百度，何不就做个和百度一样的主题 Github:https://github.com/awinds/xaink Demo:https://www.xa.ink 特点 仿百度...文章列表支持缩略图（字定义thumbnail），右侧悬停。 支持评论表情OwO。 文章和页面直接支持点赞和取消，不使用插件。 支持配置作者个人社交账号显示。 支持配置是否显示文章版权信息。...技术栈 使用Tailwind CSS,min发布版，不用打包 使用JQuery和相关插件 使用jr-qrcode生成二维码 使用OwO表情 使用tabler图标 License Open sourced...1.2.1 修复移动浏览器上左侧菜单无法滚动的问题。 1.2 修改归档页面按年显示统计，不再显示文章，只显示按年再按月统计。 增加时间线页面，按年显示文章，当年显示，其它折叠。 修复一些小问题。...增加了可配置列表分类，类似专题或小说，菜单子分类不下拉，点击进去直接显示子分类的列表（专题名），再点子分类（专题名）进去直接显示标题目录（专题目录），可去看demo小说分类，不配置不影响正常使用。

    34810

    Z-BlogPHP开运锦鲤前来报道（更新说明及操作教程，必看文章）

    调用数据为：一年内（365天）评论次数最多的前100名用户（可能目前还不完善，但是不影响使用，不需要可以不开启） 效果图： --、网站分类所属的子分类栏目列表，如果分类下没有子分类则不显示。...不喜欢这个颜色的，主题后台自定义css修改）； 设置方法：用户中心---常规配置，收藏按钮----基于元素添加（如图）：.ds-reward-stl ----优化页面整体效果及自适应展示效果，修改手机版导航为左侧菜单...，修复三级导航菜单重叠BUG，优化三级菜单背景颜色。...设置如下： 第一种：发布（编辑）文章，点击右侧，模板，选择“itheme”如图： 第二种：如果不想每次都选择的话，那么选择左侧菜单，分类管理--编辑分类--选择文章分类模板“itheme”如图： 然后保存...第二个：侧栏，先说下侧栏的调用顺序：左侧菜单，模块管理，找到主题和插件创建的模块，然后把你想展示的模块拖拽到右侧。

    3.9K40

    微信小程序 – 80个实用的微信小程序项目实例

    弹幕颜色自定义 star微信小程序开发之五星评分 switchCity微信小程序开发之城市选择器 城市切换 huadong_del微信小程序滑动删除效果 jianhang_menu微信小程序开发之圆形菜单...仿建行圆形菜单 xiaoxiaoxiao_lazyload实现微信小程序图片懒加载特效 kangaiduowei微信小程序：康爱多微商城：学习界面设计 tianmao_dazhuanpan小程序实现大转盘...仿天猫抽奖 跑马灯效果（有图有源码） weapp-meirong微信小程序学习用demo推荐：美容商城；列表，预约 baisi微信小程序仿百思不得姐 weapp-one仿 「ONE · 一个」 的微信小程序...netmusic-app仿网易云音乐APP的微信小程序 a_takeaway微信小程序的外卖demo sideslip微信小程序『侧边栏滑动』特效 wx_plo微信小程序之仿微信漂流瓶 kwonWhere...音乐播放器 技术栈: redux + es7 +labrador fenda-mock使用微信小程序实现「分答」这款APP的基础功能 Wa-UI针对微信小程序整合的一套UI库 wx-query微信小程序 仿jQuery

    5.7K41

    模仿天猫实战【SSM】——总结

    第一篇文章链接：模仿天猫实战【SSM版】——项目起步 第二篇文章链接：模仿天猫实战【SSM版】——后台开发 总结：项目从4-27号开始写，到今天5-7号才算真正的完工，有许多粗糙的地方，但总算完成了，...观察大部分的页面，其实都是包含了其中的三个部分： [1240] 即顶部导航栏、一个搜索框、还有底部，我们可以单独把他们写成一个 jsp ，并动态的包含在我们的页面中 首页分类栏 因为一开始，我以为分类栏中保存的是一些直接的产品...，但是分析前端的时候发现它们只是一些 hot-word 热词，所以为了和天猫的首页保持一致，我直接把分类栏写死了写成了一个单独的 JSP 文件并包含进了主页： [1240] 我还自己写了一个小程序，用来将这些...所以我直接找了一个模板代码，很方便也很快的完成了开发，在我的第二篇文章：模仿天猫实战【SSM版】——后台开发 有介绍。...--- 项目中遇到的一些问题 轮播失效 [1240] Bootstrap 的引入要在 JQuery 之后，不然不能正常使用...

    3.1K100

    点击菜单选项，右侧主体区新增子界面（Tab）的实现

    今天是2019年小年后一天，还有三天回家过年。 今天记录一下一种前端页面的效果的实现，这种效果很常见，一般用于网站后台系统的前端页面。一般后台系统会分为顶部导航栏，左边的菜单栏和右边的主体区。...有一种效果是这样的，当点击左边菜单的时候，在右边的主体区会弹出相应的页面，点击多个菜单选项时，在右边依次陈列这些窗口，这些窗口之间可以相互切换，类似于浏览器的多个打开的窗口那样。...因为本片目的是演示点击菜单，新增窗口的功能，所以，我尽可能的对界面的设计简化，左边菜单，去掉了二级及三级菜单： 下面给出我的html代码： 左侧导航区域（可配合layui已有的垂直导航） --> 左侧导航区域（可配合layui已有的垂直导航） --> <ul class="layui-nav layui-nav-tree" lay-filter

    4.2K20

    模仿天猫实战【SSM】——总结

    第一篇文章链接：模仿天猫实战【SSM版】——项目起步 第二篇文章链接：模仿天猫实战【SSM版】——后台开发 总结：项目从4-27号开始写，到今天5-7号才算真正的完工，有许多粗糙的地方，但总算完成了...大致理了一下功能列表，应该是齐全的，其中推荐链接暂时不支持修改。 项目页面一览表 ?...后端页面： 后台所需要用到的页面，从名字很好区分功能，其中 index.jsp 只有一行代码用于跳转 公共页面： 都是前端页面，从对天猫页面的分析提取出一些复用比较高的页面用于动态的包含在其他前端页面中...即顶部导航栏、一个搜索框、还有底部，我们可以单独把他们写成一个 jsp ，并动态的包含在我们的页面中 首页分类栏 因为一开始，我以为分类栏中保存的是一些直接的产品，但是分析前端的时候发现它们只是一些...hot-word 热词，所以为了和天猫的首页保持一致，我直接把分类栏写死了写成了一个单独的 JSP 文件并包含进了主页： ?

    2K70

    前端-10款web动画插件

    今天分享的这款就是基于jQuery的瀑布流图片筛选插件，我们可以点击图片分类名称，即可将对应分类下的图片以瀑布流的方式展示出来，这款插件在筛选图片上使用还是比较方便的。 ?...比如这款jQuery美化版复选框checkbox。...5.jQuery左侧边栏多级菜单 适合后台管理页面使用 这是一款基于jQuery的侧边栏多级下拉菜单插件，这个菜单的特点是可以固定在左侧边栏，当页面滚动时整个菜单可以保持一直可见，方便操作。...6.CSS3弧形曲线循环菜单导航 菜单项图标高亮 今天给大家带来一个非常富有创意的CSS3菜单导航插件，它与我们平常看到的横向菜单或者纵向菜单都不同，它的菜单项是沿着一段弧形曲线分布的，同时有两个上下切换的按钮...10.CSS3深色背景的垂直手风琴菜单 手风琴菜单我们已经分享过很多了，特别是垂直手风琴菜单更为常见，比如这款jQuery手风琴样式的多级下拉菜单和这款CSS3带小图标的手风琴下拉菜单都非常不错。

    7.3K50

    李洋个人博客《mxlee》zblog主题-梦想家（精品推荐）

    首先： 不设置分类模板，所有分类下都是首页模板，必须修改分类模板 购买主题之后首先到分类管理，设置列表页模板，如图选择。...--.优化侧栏智能跟随，当网页下拉时自动跟随左侧文章列表对齐，无需手动对齐。 --.新增网站底部右侧的图标优化，可自定义一个图标接口。 --.修复作者介绍自定义接口没有title的BUG。...**************** 原TAB侧栏的随机文章更换成了，季度热门，“侧栏热门天数”填写数字即可，30天为月热门，90天为季度热门。...--.修复手机导航二级菜单重叠BUG； --.修复手机端广告位出错BUG --.新增百度联盟广告JS代码，直接填写js即可。...侧栏调用顺序： 首页（默认侧栏），分类页（侧栏2），文章（侧栏3）；搜索页（侧栏4） 下拉菜单代码：  MATLAB     一级菜单            二级菜单        二级菜单 功能介绍

    3.4K20

    Z-blogPHP常见问题答疑（最新整理202105）

    ，这是一个很不好的习惯，虽然我也不喜欢阅读这类的文章，但是没办法，真出问题啊，解决方法： 打开后台首页，找到左侧菜单的“分类管理”然后找到对应网站的分类，点击右侧编辑按钮，找到模板，选择“catalog...这里说一下，有些主题不需要设置单独到分类模板，因为首页列表的形式与分类的形式一样，无需单独分类，具体怎么区分很容易，一是看主题介绍，每个开发者都会标明的，二是打开分类查看，如果是首页的样式，则需要选择单独的模板...a>      然后回到后台，找到左侧模块管理，点击上面的导航栏，如图： ?...首先，打开网站后台，找到左侧菜单模块管理，然后点击上面导航栏，进入导航栏。 ?...OK，至此添加导航图标教程结束，很简单，包括设置二级菜单也是如此，只要开启上图（紫框）中的“二级”即可完成二级菜单设置。

    86620

    【说站】Z-blogPHP常见问题答疑

    答：进入后台找到左应用中心，搜索“修改头像”下载，启用，找到左侧菜单用户管理，修改头像即可。 8问：忘记后台账号密码怎么办？ 答：参考此文 zblog忘记后台账号密码怎么办？...，这是一个很不好的习惯，虽然我也不喜欢阅读这类的文章，但是没办法，真出问题啊，解决方法： 打开后台首页，找到左侧菜单的“分类管理”然后找到对应网站的分类，点击右侧编辑按钮，找到模板，选择“catalog...”，如图： 这里说一下，有些主题不需要设置单独到分类模板，因为首页列表的形式与分类的形式一样，无需单独分类，具体怎么区分很容易，一是看主题介绍，每个开发者都会标明的，二是打开分类查看，如果是首页的样式..."/">二级菜单      然后回到后台，找到左侧模块管理，点击上面的导航栏，如图： 然后在正文处的最后，把代码添加进去，点击提交，打开首页查看就可以看到了，具体连接自己修改就行了...奥森图标 我又来了，今天教大家怎么使用奥森图标，如图： 首先，打开网站后台，找到左侧菜单模块管理，然后点击上面导航栏，进入导航栏。

    1.7K10

    WordPress主题Mac osX 2.02

    这是一款仿Mac osx外观的Wordpress杂志型主题。首页可以添加自定义图片并显示日志摘要，主题包含两套主页面模板。通过主流浏览器测试。...独立页面模板下面仿Mac osx的动态dock导航，由于IE6不支持透明PNG图片，而采用GIF图片，效果差了些。...使用说明: ★首页日志摘要自定义图片添加方法:(1)发表日志时在自定义字段左侧输入small,右侧输入图片链接地址;(2)左侧输入link,右侧输入日志链接地址,点击图片就可以查看全文了....★需要说明的是，这款主题中Home-index.php、Home-header.php、Home.css三个文件是一个类似欢迎页面的模板文件，可以通过这套模板文件，创建一个具有最新日志列表及日志分类的欢迎引导页面...发布后，打开就可看到一个只有最新日志及日志分类的页面。可在设置→阅读中将首页设置为这个新建的页面。

    1.4K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券