分类导航 - 腾讯云开发者社区

文章/答案/技术大牛

发布

emlog SVG分类导航插件

昨天看到一个很赞的SVG开源导航，原文地址：博客园尝试了一下，很棒，所以就拿来做成插件了炫彩背景我也是整了半个小时才整出来，写成插件也写了几个小时（因为想更加个性化的原因）使用教程

1K3 0

Spark SQL 函数分类导航

所有聚合函数（SUM/AVG/COUNT/MAX/MIN 等）都可以作为窗口函数使用，配合 OVER 子句和 frame 定义实现滑动计算。

2631 0

您找到你想要的搜索结果了吗？

是的

没有找到

电商小程序实战教程-分类导航

首先是介绍了首页的开发，首页主要是展示商铺的整体业务，一般小程序都会配置一个产品的分类导航页面，用来了解店铺具体售卖的产品。我们本节就介绍一下分类导航页面如何开发。...进入到我们已经搭建好的电商小程序应用 [在这里插入图片描述] 点击页面组件区旁边的+号，创建页面 [在这里插入图片描述] 输入标题和页面ID [在这里插入图片描述] [在这里插入图片描述] 页面开发分类页面左侧是类目的导航...左侧的话我们可以考虑用侧边导航面板组件实现，往页面里添加这个组件。 [在这里插入图片描述] 组件的效果是纵向导航，页签之间可以切换。...那按照这个逻辑我们不得不将产品列表的功能复制四份，每次点击分类的时候，就调用分页查询，并且传入分类的ID，实现数据的过滤。...总结本篇我们介绍了分类导航的开发方法，熟练的使用组件是低代码开发的必备技能，还需在实战中不断的总结，不断的提高。

2.5K4 0

uni-appvue 结合element ui实现菜单分类导航(类似于小米商城首页的分类导航那种)

elementui文档地址 https://element.eleme.cn/#/zh-CN/component/installation

2K5 0

小程序分类页实现三级分类，顶部导航栏，左侧分类栏，右侧数据列表

如果大家一直读石头哥的文章，或者看石头哥的视频，肯定知道，石头哥的点餐小程序有实现二级菜品或者商品分类。如下图 ? 但是有时候我们想实现三级分类，该怎么做呢，今天就来教大家如何实现三级分类。...到这里我们的三级分类就实现了四，完整项目代码下面把完整项目代码，贴出来给大家 4-1，wxml 导航栏 --> 4-2,wxss样式 /* 导航栏布局相关...到这里我们的三级分类就完整的实现了。关于excel数据批量导入，我下节再做讲解的。欢迎关注，欢迎留言交流。

4.9K4 1

Typecho默认主题导航栏菜单显示所有分类

Typecho默认主题导航栏菜单仅显示了首页和关于页面，如果我们添加了更多分类目录是不会显示出来的，需要修改主题目录下的header.php文件。

2.2K2 0

自动秒收录网址导航分类目录模板

自动秒收录网址导航是一个以html5+css3进行开发的免费版网址自动收录模板源码。　　...提供网站分类信息检索、整理分类排序、按行业分类或关键词搜索查询；同时也是网站推广、网站排名、发布外链及提高网站权重等的分类目录平台。...让用户方便快捷找网站，提供便利的网址导航及分类目录检索、网站推广，网友可搜索国内外网站以及购物、团购、设计、视频、电影、军事、学习、交友、新闻等分类网站信息。...，是中国权威的中文网站分类目录，给站长提供免费网址目录提交收录和推荐最新最全的优秀网站大全是名站导航之家网站地址：www.at-lib.com..." />导航">360导航

1.7K1 0

电商分类导航网格布局

概述本教程将详细讲解如何使用HarmonyOS NEXT的GridRow和GridCol组件实现一个电商分类导航的网格布局。...电商分类导航是电商应用中常见的功能模块，通过网格布局可以清晰地展示各个商品分类，帮助用户快速找到所需的商品类别。...完整代码下面是电商分类导航网格布局的完整代码：// 电商分类导航网格布局interface CategoryType { name: string; icon: Resource;}@Componentexport...：网格布局可以根据屏幕尺寸自动调整，适应不同设备交互体验好：网格布局使分类项大小适中，便于用户点击选择11.2 适用场景网格布局适用于以下场景：分类导航：如本案例中的电商分类导航图片展示：如相册、商品列表等功能入口...总结本教程详细讲解了如何使用HarmonyOS NEXT的GridRow和GridCol组件实现电商分类导航的网格布局。通过合理的数据结构设计和布局规划，我们创建了一个简洁美观的电商分类导航界面。

7470 0

微信小程序模仿分类导航实现多个tab 页

微信小程序模仿分类导航实现多个tab 页功能：如图 l5PsXOTCzU.gif 话不多说，也不知道说啥，直接上代码： wxml：分类全部内容列表分类内容列表... 分类内容列表分类内容列表分类内容列表游戏内容列表

1.8K3 1

【说站】修改WordPress知更鸟导航菜单分类字体颜色、大小

知更鸟主题的导航文字、大小和颜色其实都可以进行自定义的，下面就介绍一下如何单独修改导航菜单分类和整体修改导航菜单分类字体、颜色、大小的具体方法。...如何单独修改导航菜单的字体颜色、大小首先在WordPress后台，找到外观，选择“菜单”，我们找到需要单独设置的导航分类，点击打开，找到“css类”，在这里输入给这个菜单栏目定义的css类。...我们看下效果：如何整体修改导航菜单的字体颜色、大小上面说的单独修改导航菜单稍微复杂一些，如果要整体修改就比较简单。

3.1K3 0

微信小程序实战之分类导航内容滑动【微信】

--右侧内容结束--> 3.1左侧分类导航内容，我们使用view试图，将分类导航列表【cateList】渲染出来。...左侧导航设置点击事件，对右侧进行内容变化。右侧的内容结构如下： ?...that.setData({ petsList: res.data.data, }); } }) }, /*页面加载时进行分类数据的请求...['id']); } }) }, } }) 4.1 顶部app是获取我设置的一些公共信息，openid获取本地缓存的openid数据 4.2 cateList是分类对象数组...，petsList是右侧的内容对象数组 4.3 switchRightTab方法是点击左侧分类，进行右侧的内容切换 4.4 getDetail方法是点击某一个右侧内容后，跳转的宠物详情信息页。

3.1K2 0

B2模块的导航分类在手机端不显示？

B2模块的导航分类在手机端不显示？...---- B2老粉都知道，以前的几个版本B2都的导航分类不管实在手机端还是桌面端都是显示的，直到含3.173前面两个版本的更新我们就看不到手机端的，那对塔有疑惑那怎么办,当然是分析呀，我们可以用电脑打开自己的网页右击进行网页审查...从上图我们可以分析出这些分类的标签是存在前端的，只不过是用了display:none; 隐藏了。...当把display:none;取消勾选我们可以看到，分类是出来了，就是样式有点挤，下面的代码进行了小小的美化，直接放在主题的style.css样式文件中保存后去清理缓存就可以了。

7292 0

ZBLOG模板制作导航栏当前分类和页面高亮显示效果

从用户体验上看，我们在点击网站首页的时候在导航栏中首页标签是和其他分类有差异的，比如字体加粗、颜色不同，这个就是所谓的导航栏高亮效果。...比如我们点击某个分类的时候，在当前分类或者当前分类的中的文章，这个分类就显示高亮的。在这里老蒋整理到ZBLOG PHP程序高亮导航的效果，以前都没有做过，这不要精细化，还是需要做的。...这是目前没有加入高亮的代码导航部分。这里我要去参考老白同学的整理文章（http://www.yzktw.com.cn/post/105.html）。...这个时候我们可以看到导航是有变动的，我们后面就是需要加入样式。比如高亮是对.navbar li添加了.active 最后ID中的monavber是默认和JS一致的，如果我们修改也需要修改JS里的。...本文出处：老蒋部落 » ZBLOG模板制作导航栏当前分类和页面高亮显示效果 | 欢迎分享

1.9K5 0

电商分类导航网格布局（进阶篇）

概述在上一篇教程中，我们学习了如何使用HarmonyOS NEXT的GridRow和GridCol组件实现基础的电商分类导航网格布局。...本篇教程将在此基础上，深入探讨如何优化和扩展电商分类导航，实现更加灵活、美观和功能丰富的界面。...完整优化代码下面是电商分类导航网格布局的优化完整代码：// 电商分类导航网格布局（优化版）interface SubCategoryType { name: string; icon?...总结本教程详细讲解了如何优化和扩展电商分类导航的网格布局，实现更加灵活、美观和功能丰富的界面。...：添加主题切换功能，支持浅色和深色主题二级分类展示：扩展分类数据结构，实现二级分类的展示GridRow和GridCol的高级配置：使用嵌套网格、列偏移和列顺序调整，实现更复杂的布局通过这些优化和扩展，电商分类导航不仅在功能上更加完善

4250 0

【小程序项目开发-- 京东商城】uni-app之分类导航区域

uni-app 配置tabBar & 窗口样式 --✨ ✨-- 京东商城uni-app开发之分包配置 --✨ ✨-- 京东商城uni-app开发之轮播图 --✨ ✨-- 京东商城uni-app之分类导航区域...$showMsg() 二、响应数据参考三、获取分类导航数据四、分类导航UI结构 3.1大坑勿踩！！！五、点击分类选项跳转到分类页面实现目标：一、封装uni....goods_id=38" } ], "meta": { "msg": "获取成功", "status": 200 } } 三、获取分类导航数据在data节点定义navList...this.getNavList() }, 调取成功四、分类导航UI结构在需要循环标签的属性节点需要在前面加上 :提示后面的是变量或变量表达式 3.1大坑勿踩！！！...//方法 methods: { // 分类导航-- 分类 navClickHandelr(item){ if (item.name === '分类') {

1.7K2 0

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

现在我们继续对项目进行改造，这一节我们要改造的内容是分类页，这个页面我们在之前的非端云一体化项目中实现过。...现在要改造成端云一体的模式，并且我们的金刚区也要实现分类页的点击联动## 功能分析1.分类列表分类列表我们要注意首页跳入切换到对应item的情况，点击时item对应的字体、背景色等状态的变化，以及list...(index) })在index页面拿到下标后控制tabs切换到分类，并且传入下标 SplitLayout({listData:this.splitList,onItemClick...this.controller.changeIndex(1); this.pos_check=pos }})分类页顶部导航列表自定义组件

2500 0

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

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

2190 0

小程序三级联动，实现三级分类，顶部导航栏，左侧分类栏，右侧数据列表

如果大家一直读石头哥的文章，或者看石头哥的视频，肯定知道，石头哥的点餐小程序有实现二级菜品或者商品分类。...，该怎么做呢，今天就来教大家如何实现三级分类。...三，获取分类数据这里先给大家说下，我这里是用一张表来存的所有信息 [ggyku0g8yb.png] 既然是一张表存所有数据，我们就要做下分组，看数据里都有哪些楼号。...-- 导航栏 --> 4-2,wxss样式 /* 导航栏布局相关

3K0 0

【Bootstrap】013-组件：导航、导航条、路径导航

一、导航 1、概述 Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。...在小屏幕上，导航链接呈现堆叠样式；两端对齐的导航条导航链接已经被弃用了。代码演示：导航条导航条是在您的应用或网站中作为导航页头的响应式基础组件。...它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式；两端对齐的导航条导航链接已经被弃用了。代码演示：导航条的外观；代码演示： <!

1.9K1 0

Typecho&Aria迎来你所期待的分类导航

但是苦于一直没有个分类导航页面，就很苦恼。在主题站摸索一段时间，找到一款同样很优秀的主题Mirages,可是要收费。对于抠钱的我来说，果断就放弃了。...那好，我就自己摸索，看看能不能搞上分类。鬼知道我经历了什么 1.网上搜了一段代码，尝试贴进header中，失败告终。 2.灵光一闪，下载个别的有分类的主题，研究下人家怎么搞进去的。...why not 研究自己主题里面的导航怎么设置进去的呢？？？...iconfont icon-aria-search" id="nav-search-btn"> 没错这段代码就是真身，上面的ul是提供出来供博主再控制台配置的导航栏...再原作者基础上重构了一下该方法，(强迫症的自行格式化吧)： /** * 根据配置的JSON数据输出导航栏 * @param int $mode * @param string

5412 0

点击加载更多

emlog SVG分类导航插件

Spark SQL 函数分类导航

电商小程序实战教程-分类导航

uni-appvue 结合element ui实现菜单分类导航(类似于小米商城首页的分类导航那种)

小程序分类页实现三级分类，顶部导航栏，左侧分类栏，右侧数据列表

Typecho默认主题导航栏菜单显示所有分类

自动秒收录网址导航分类目录模板

电商分类导航网格布局

微信小程序模仿分类导航实现多个tab 页

【说站】修改WordPress知更鸟导航菜单分类字体颜色、大小

微信小程序实战之分类导航内容滑动【微信】

B2模块的导航分类在手机端不显示？

ZBLOG模板制作导航栏当前分类和页面高亮显示效果

电商分类导航网格布局（进阶篇）

【小程序项目开发-- 京东商城】uni-app之分类导航区域

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

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

小程序三级联动，实现三级分类，顶部导航栏，左侧分类栏，右侧数据列表

【Bootstrap】013-组件：导航、导航条、路径导航

Typecho&Aria迎来你所期待的分类导航

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐