开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使图标子项和文本子项仅在项等于或大于1时才显示，并在项为0时使其不可见

要实现图标子项和文本子项仅在项等于或大于1时显示，并在项为0时使其不可见，可以通过以下步骤来实现：

首先，需要在代码中获取到图标子项和文本子项的引用。可以通过DOM操作或者使用前端框架的相关方法来获取。
接下来，可以使用条件语句来判断项的数量是否大于等于1。如果是，则将图标子项和文本子项的可见性设置为可见；如果不是，则将它们的可见性设置为不可见。
最后，根据需要选择合适的方式来设置子项的可见性。可以使用CSS的display属性来控制可见性，将其设置为"block"表示可见，设置为"none"表示不可见。也可以使用JavaScript或者前端框架提供的方法来动态修改可见性。

以下是一个示例代码，演示了如何根据项的数量来控制图标子项和文本子项的可见性：

<!DOCTYPE html>
<html>
<head>
  <style>
    .icon-item, .text-item {
      display: none;
    }
  </style>
</head>
<body>
  <div id="item-container">
    <div class="icon-item">图标子项</div>
    <div class="text-item">文本子项</div>
  </div>

  <script>
    var itemContainer = document.getElementById("item-container");
    var iconItem = itemContainer.querySelector(".icon-item");
    var textItem = itemContainer.querySelector(".text-item");

    // 假设项的数量存储在变量count中
    var count = 0;

    if (count >= 1) {
      iconItem.style.display = "block";
      textItem.style.display = "block";
    } else {
      iconItem.style.display = "none";
      textItem.style.display = "none";
    }
  </script>
</body>
</html>

在上述示例中，通过CSS将图标子项和文本子项的display属性设置为none，初始状态下它们是不可见的。然后使用JavaScript根据项的数量来动态修改它们的可见性。如果项的数量大于等于1，则将它们的display属性设置为block，使其可见；如果项的数量为0，则将它们的display属性设置为none，使其不可见。

请注意，上述示例仅为演示如何实现该功能，并未涉及具体的腾讯云产品。根据实际需求，您可以根据腾讯云的产品文档选择适合的产品来实现云计算相关的功能。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Flutter 初学者必读的高级布局规则

假设有人正在学习 Flutter，他问你为什么有的 width:100 的 widget 宽度不是 100 像素，标准答案是让他将 widget 放在一个 Center 里面，对吗？

02

ListView控件详解

在Windows的资源管理器中，文件夹或文件信息可以分别以大图标或小图标的方式显示如图：

01

Flutter中构建布局顶

然后本指南回过头来解释Flutter的布局方法，并说明如何在屏幕上放置一个小部件。在讨论如何水平和垂直放置小部件之后，会介绍一些最常见的布局小部件。

01

Windows下的搜索神器 —— everything

介绍一款Windows下的神奇 —— everything，软件很小巧，但是搜索速度非常快，比Windows自带的搜索功能更强大、更快。掌握它的基本用法，在查找文件时能提升很高的效率

03

[译文]一篇文章读懂UI按钮设计细节与规范

按钮也可以触发诸如购买，下载，发送或者其它很多重要的操作。数字按钮是现实世界中按钮的下一代表现形式，比如电视遥控器，音乐播放机或者游戏控制器中的按钮。

03

一步步教你用CSS添加SVG过滤器[每日前端夜话0x47]

自21世纪初以来，SVG就存在了，但仍有一些有趣的方法去用它。在本教程中，重点将放在 SVG 的过滤器上 —— 但不只是将它们应用于 SVG 图像，我将向你展示如何将它们应用于任何常规页面的内容上。

02

Flutter你竟是这样的布局

对于Flutter学习者来说，掌握Flutter的布局行为，直接决定了开发者在布局的时候是否能做到高效、快速的开发，但是初学者面对茫茫多的Widget以及各种无法预料的布局行为，总是很难将心中所想，转化为Flutter的代码。

02

【CSS】253- 从原型图到成品：步步深入 CSS 布局

你肯定经历过耗费数个小时，换着花样地尝试所有可能起作用的 CSS 属性、一遍遍地从 Stack Overflow 上复制粘贴代码，寄希望于误打误撞地赌中那个能实现预期效果的魔幻组合。

05

怎么完全卸载赛门铁克_如何干净彻底卸载诺顿？

诺顿有那么难卸载吗？我来教你如何彻底卸载诺顿! 本方法跟重装的新系统差不多，没痕迹！

03

防御式CSS是什么？这几点属性重点防御！

很多时候，我们希望有一种方法可以避免某种CSS问题或行为的发生。我们知道，网页内容是动态的，网页上的东西可以改变，从而增加了出现CSS问题或奇怪行为的可能性。

03

安卓开发_九宫格布局

学习内容来自 android布局基础及范例：人人android九宫格布局，类似的九宫格上面是图片，下面是文字这里用的是“GridView”表格布局，下面我来给大家讲一下：首先，请大家理解一下

03

游戏优化系列二：Android Studio制作图标教程

大家好，我叫Jack冯；本人20年硕士毕业于广东工业大学，于2020年6月加入37手游安卓团队；目前主要负责海外游戏发行安卓相关开发。

03

IntelliJ IDEA 2022.2.2汉化版免登陆账号「win/mac」

IntelliJ IDEA是Mac端最好用的Java开发工具！IntelliJ IDEA分析您的代码，在所有项目文件和语言中查找符号之间的连接。利用这些信息，它提供了深入的编码协助，快速导航，巧妙的错误分析，当然还有重构，功能强大！

03

EXCEL的基本操作（五）

当我们说年轻真好的时候，往往已经不年轻了,就像世事，待我们终于明白过来的时候，往往已经太迟了。

01

【Windows】文件类型与链接类型的默认程序

从Vista系统开始，Windows逐渐开始重视权限的管理，并陆续回收了对于默认程序的设置权限，增强了用户的体验。相对于Win7，用户应用程序可以肆意设置自身应用作为文件类型的默认程序，Win10以后的应用程序仅能设置自身作为文件类型或者链接类型的推荐应用程序，仅用户自身主动点击设置才能作为默认程序。

01

【Flutter】自定义滚动开关

switch是两个状态的UI组件，用于在ON（选中）或OFF（未选中）状态之间切换。通常，它是带有拇指滑块的按钮，用户可以在其中来回拖拉以选择其他选项，例如“开”或“关”。它的工作就像房子的电源开关。

06

Markdown：解放排版，简洁高效的文字创作神器！

Markdown 是一种轻量级的标记语言，它允许人们使用易读易写的纯文本格式编写文档，借助可实现快速排版且转换成格式丰富的 HTML 页面。目前被越来越多的写作爱好者及工作者使用。它在写作、博客、文档等领域得到了广泛应用，因其简洁、易读、易写的特点而备受欢迎，一旦掌握这种标记语言，将极大提高效率。但是若需要复杂排版如左右对齐缩进等，还是选择 word 等专业软件。

01

Flutter 流体滑块

在本文中，我们将**探讨Flutter中的Fluid Slider。**我们还将在flutter应用程序中使用flutter_fluid_slider包来实现流体滑块和属性的演示程序。

02

深度好文！UI界面视觉平衡的终极指南

“ 一看就会，一做就废 ”，设计师们常常对最新的技术、风格、发展趋势侃侃而谈，却忽略了最基础的原则和理论.

04

最新iOS设计规范八｜3大图标和图像规范（Icons and Images)

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。 iOS设计规范系列共10篇。本文是第8篇，介绍图标和图像（Icons and Images)。

02

Android使用BottomNavigationBar实现导航栏功能

以上所述是小编给大家介绍的Android BottomNavigationBar导航栏功能的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对ZaLou.Cn网站的支持！

04

＞＞开发工具：IntelliJ IDEA 2022.1 的新功能

新引入的Dependency Analyzer提供项目和子项目中使用的所有 Maven 和 Gradle 依赖项的广泛信息。可以帮助检测和解决冲突的依赖项，过滤掉相同的依赖项并检查它们是否存在于不同的库中，轻松地跨依赖项导航以正确构建配置。

02

Excel与Google Sheets中实现线性规划求解

很久没更新过APS系列文章了，这段时间项目工作确实非常紧，所以只能抽点时间学习一下运筹学的入门知识，算是为以后的APS项目积累点基础。看了一些运筹学的书（都是科普级别的）发现原来我目前面对的很多排产、排班、资源分配和路线规划问题，都是运筹学上的典型案例。与此同时，除了继续使用Optaplanner来做我们的规划类项目外，还花点时间去研究了一下Google OR-Tools开源规划引擎，这是Google旗下的一个开源求解器，接下来我会专门写一些关于Google OR-Tools应用的文章，并与Optaplanner作些关联对比。

02

Unity入门教程（上）

一、介绍目的：通过尝试制作一款使用玩家角色把小球弹飞的简单小游戏，熟悉使用Unity进行游戏开发的基本流程。软件环境：Unity 2017.3.0f3，Visual Studio 2013 二、创建新项目 1，启动Unity后将出现一个并列显示Projects和Getting started的窗口。点击窗口中央的New Project按钮或者右上方的NEW文本标签，窗口下半部分内容将发生改变，出现Project Name文本框等内容。 2，如果Unity曾经被启动过（比如我），窗口中央将不再显示New

07

AngularDart Material Design 输入顶

Selector: <material-input:not(material-input[multiline])>

04

Vcl控件详解_c++控件

大家好，又见面了，我是你们的朋友全栈君。 TTabControl 属性　DisplayRect：只定该控件客户区的一个矩形 HotTrack：设置当鼠标经过页标签时，它的字是否有变化。如果为True，是字会变成蓝色 Images：为每个页标签添加一个图片 MultiLine：如果总页标签的长度大于该控件的宽度时，是否允许多行显示 MultiSelect：是否允许多选页标签。该属性只有当Style为tsFlatButtons或tsButtons时才有效 OwnerDraw：是否允许自己绘画该控件 RaggedRight：指定是否允许标签页伸展到控制宽度 ScrollOpposite：该属性设置将会使MultiLine设为True。当标签页的行数大于1时，当单击其它页时，在它下面的页会自动翻动该控件的底部 Style：设置该控件的样式，大家一试就会知道 TabHeight：设置页标签的高度 TabIndex：反映当前标签页的索引号。该号从0开始 TabPosition：选择页标签的位置，分上，下，左，右 Tabs：对每个页进行增，删，改 TabWidth：设置页标签的宽度

01

Web 技术：CSS最小和最大(宽度/高度)知识点及优缺点

通常，我们希望限制元素相对于其父元素的宽度，同时使其具有动态性。因此，有一个基础宽度或高度的能力，使其扩展的基础上，可用的空间。比如说，我们有一个按钮，它的宽度应该是最小的，不应该低于它的宽度。这就是最大和最小属性变得方便的地方。

02

计算机科学里最大的难题：居中显示

（不要问为什么你需要记住四个单词而不是 horizontal 和 vertical 两个单词，这已经比以前好了）

01

windows 右键菜单的添加和移除

windows下所有系统及部分软件的配置都在注册表中,注册表相当于是一个windows系统的数据库.我们想要增加或更改一些功能可以通过修改注册表的方法实现.

05

最新iOS设计规范六｜10大交互规范（User Interaction）

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。本文是iOS设计规范系列第6篇，介绍人机交互（User Interaction）。

03

HarmonyOS-UIAbitity-枚举说明——【坚果派-红目香薰】

01

为啥你的UI界面感觉乱？这7个常见问题一定要避免

静电说：对于UI设计师来说，特别是对于初阶UI设计师或者UI初学者而已，排版的好坏是这个阶段核心要考虑的问题，也就是细节。但是不少同学总是在这个上边很不注重，总想着创意。没有了基础的创意就如同无本之源，是没有任何意义的。

04

UI设计师必须知道！移动用户体验设计的准则：20 条主要规则

在手机上阅读大量的拷贝文章和长篇论文的用户体验是否让你阅读困难？我非常能理解您的处境，因此，直奔主题，我们在一个地方编辑了最基本的移动手机阅读体验的新规范，只要收藏这篇文章，每次你开始设计一个新的app或者网页的时候，可以拿出它来读一读并参考使用，来！一起看看有哪些新规范可以帮助初入茅庐的新手制作一流的用户体验设计。

03

Parallels Toolbox for mac(pd工具箱)

专为富有创造力的个人、学生、小企业主、长期多任务处理者、IT 经理以及介于两者之间的任何人而设计。Parallels Toolbox 讓每個人都可以充分利用他們的 Mac，而不必學習複雜的系統設定。

03

计算机科学里最大的难题：居中显示

（不要问为什么你需要记住四个单词而不是 horizontal 和 vertical 两个单词，这已经比以前好了）

01

qmake：变量手册

此变量指定的路径可以包含 src 目录下的自定义 Java 类。默认情况下，androiddeployqt 工具将应用程序模板从 Qt for Android 安装路径复制到项目的构建目录中，然后它复制此变量指定的路径的内容，覆盖任何现有文件。

02

C++ Qt 开发：ListWidget列表框组件

Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍ListWidget列表框组件的常用方法及灵活运用。

01

Unity基础教程系列(新)（四）——测量性能（MS and FPS）

这是关于学习使用Unity的基础知识的系列教程中的第四篇。对测量性能的介绍。我们还将在函数库中添加从一个函数转换为另一个函数的功能。

02

IntelliJ IDEA 2023.2 主要更新了什么？(纯文本介绍版)

IntelliJ IDEA 2023.2已正式发布，为IDE带来了许多令人兴奋的功能和改进。本版本的主要更新包括引入了AI Assistant，通过一组人工智能驱动的功能促进开发；IntelliJ Profiler现在提供编辑提示，使分析过程更加直观和详细；以及GitLab集成，以简化开发工作流程。用户体验方面的更新涵盖了在搜索、项目视图排序和主工具栏上的改进。Java方面的改进包括扩展Java检查、为格式字符串提供代码高亮显示和导航，以及提供更好的Javadoc注释支持等。其他方面的更新涉及运行/调试、版本控制系统、Docker、数据库工具等。

01

最新iOS设计规范九｜10大系统能力（System Capabilities)

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。 iOS设计规范系列共10篇。本文是第9篇，介绍系统能力（System Capabilities)。

02

QListWidget「建议收藏」

QListWidget是简单的列表组件。当我们不需要复杂的列表时，可以选择QListWidget。QListWidget中可以添加QListWidgetItem类型作为列表项，QListWidgetItem即可以有文本，也可以有图标。上面的代码显示了三种向列表中添加列表项的方法（实际是两种，后两种其实是一样的），我们的列表组件是listWidget，那么，向listWidget添加列表项可以：第一，使用下面的语句

02

C# WPF新版开源控件库：Newbeecoder.UI之NbTreeView

树状控件主要功能是显示分层结构可折叠的节点内容，在控件中可以使用ItemsSource作为数据源。

02

深度解析 Jetpack Compose 布局

Jetpack Compose 是用于构建原生 Android 界面的新工具包。它可简化并加快 Android 上的界面开发，使用更少的代码、强大的工具和直观的 Kotlin API，快速让应用生动而精彩。Compose 使用全新的组件——可组合项 (Composable) 来布局界面，使用修饰符 (Modifier) 来配置可组合项。

03

CPT：刷爆少样本REC任务！清华刘知远团队提出跨模态预训练Prompt Tuning

本文分享论文『CPT: Colorful Prompt Tuning for Pre-trained Vision-Language Models』，由清华刘知远团队提出跨模态预训练 Prompt Tuning（CPT）刷爆少样本REC任务！

02

1. 批处理常用符号详解：

————————————————————————————————————————————

02

最新iOS设计规范七｜10大视觉规范（Visual Design）

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。本文是iOS设计规范系列第7篇，介绍视觉设计（Visual Design）。

03

ldapsearch命令详解_ldapsearch命令详解

指定 -b 和 -s 的顺序并不重要。-S attribute按指定的属性排序结果。-z sizelimit指定返回项的最大数目。如果没有指定此参数或指定的限制为 0，那么返回的项没有数量限制。但是，ldapsearch 返回的项决不会多于服务器允许的数量。-u指定 ldapsearch 以用户友好格式返回专有名称。-v指定 ldapsearch 以详尽模式运行。-w password指定与 -D 参数一起使用的与专有名称关联的口令。x与 -S 一起使用时可指定 LDAP 服务器在将结果返回之前就对它们进行排序。如果使用 -S 而不使用 –x，ldapsearch 将对结果排序。ldapsearch 搜索过滤器中使用的运算符表下表描述了可以在搜索过滤器中使用的运算符。运算符用途样例 = 查找所包含的属性值与指定值相同的项 “cn=John Browning” = <string>*<string> 查找所包含的属性值与指定的子字符串相同的项 “cn=John*” “cn=J*Brown” >= 查找特定项，该项中包含的属性的数字或字母值大于或等于指定的值。 “cn>=D” <= 查找特定项，该项中包含的属性的数字或字母值小于或等于指定的值。 “roomNumber<=300” =* 查找包含特定属性的值的项，而不用管属性的值是什么。 “sn=*” ~= 查找特定项，该项中所含属性的值约等于指定的值。 “sn~=Brning” 可能返回 sn=Browning & 查找与所有搜索过滤器中指定的条件相匹配的项 “(&(cn=John Browning)(l=Dallas))” | 查找与至少一个搜索过滤器中指定的条件相匹配的项 “(|(cn=John Browning)(l=Dallas))” ! 查找与任何搜索过滤器中指定的条件都不匹配的项 “(!(cn=John Browning)(l=Dallas))” 使用 ldapsearch 的搜索过滤器必须使用搜索过滤器指定要搜索的属性。搜索过滤器的语法为：

02

Prompt Learning：【文心一言】提示词功能系统学习，

大型语言模型使用强化学习中的人类反馈来学习，这个过程中与人类对话的提问通常是通俗易懂的，也就是说，大型语言模型可以理解并回答一般人能听懂的问题(可以看到，后面我们所提到的技巧，用到我们日常的交流中也是可以更清晰的表达自己的目的的)。因此，即使我们不进行prompt学习，也可以使用大型语言模型来帮助我们解决问题了。但是，如果想要解决更加专业，更加复杂的问题，就需要我们学习prompt工程，以便更好的让大型语言模型来输出我们想要的结果。

02

adobe after effects2022正版下载安装-Ae2017-2023多版本中文版下载

Adobe After Effects 2022是一款专业的视频后期制作软件，以下是它的主要功能和安装条件：

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭