- 综合排序
- 最热优先
- 最新优先
- 来自专栏房东的猫
Element UI组件
简介 Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 Element UI组件官方网址 Element UI标签 Container 布局容器 用于布局的容器组件，方便快速搭建页面的基本结构： <el-container>：外层容器。 常用属性：<el-menu :default-openeds="['1', '<em>3</em>']"> default-openeds="['1', '3']"：默认打开某一个菜单，通过index值来关联。
3.2K00发布于 2021-06-06 - 来自专栏Angualr2+
Angular UI 组件
ngx-bootstrap 是一套Bootstrap 组件 官网：https://valor-software.com/ngx-bootstrap/#/ github: https://github.com /valor-software/ngx-bootstrap NG-bootstrap bootstrap4组件 官网：https://ng-bootstrap.github.io/#/home NG-ZORRO https://github.com/cipchk/ng-alain NGX-admin http://akveo.com/ngx-admin/#/pages/dashboard primeng 一个丰富的组件库
1.8K90发布于 2018-05-05 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( Button 组件 )
文章目录 一、布局文件中设置 Button 组件属性 二、代码中修改 Button 组件属性 三、Button 点击事件 四、完整代码示例 五、执行结果 六、GitHub 地址 一、布局文件中设置 Button 组件属性 ---- Button 组件是在 UI 界面中的按钮组件 , 重要的用户交互接口 ; 布局文件中设置 Button : Button 组件在布局文件中的示例 : <? : ohos:layout_alignment=“horizontal_center” , 上述配置标识组件水平居中 ; 背景设置属性 : ohos:background_element="#000000 " , 可以设置一个颜色值 ; 文本设置 : ohos:text=“你点啥” , 设置组件显示的文本为 “你点啥” ; 文本文字大小设置 : ohos:text_size=“150” 文本颜色设置 : ohos:text_color="#00FF00" , 绿色 ; 二、代码中修改 Button 组件属性 ---- 代码中设置 Button 属性 : 获取组件 : 调用 findComponentById
1.5K00编辑于 2023-03-28 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( Text 组件 )
文章目录 一、Text 组件 二、Module 准备 三、代码示例 四、GitHub 地址 一、Text 组件 ---- Text 组件是在 UI 界面中显示文本的组件 ; 1. 布局文件中设置 Text : Text 组件在布局文件中的示例 : <?xml version="1.0" encoding="utf-8"? match_content 和 match_parent 两个值 ; 宽度 : ohos:width=“match_content” 高度 : ohos:height=“match_content” 组件位置属性 : ohos:layout_alignment=“horizontal_center” , 上述配置标识组件水平居中 ; 背景设置属性 : ohos:background_element="$graphic :background_ability_main" , 可以设置一个颜色值 ; 文本设置 : ohos:text=“Hello World” , 设置组件显示的文本为 Hello World ; 文本文字大小设置
1.4K00编辑于 2023-03-28 Vue.js3高级编程-UI组件库开发
Vue.js 3 不仅仅是一个版本迭代，它代表了现代前端工程化的一次范式转移。从源码深度解析到组件库的全栈精通，是通往未来高阶前端架构师的必经之路。 这种模式不仅提升了代码的可读性，更重要的是实现了业务逻辑与UI视图的彻底分离。 无头组件（Headless UI）与设计系统的分离未来的组件库趋势是“逻辑与样式分离”。精通 Vue 3 意味着能够构建只提供行为逻辑、不绑定任何样式的“无头组件”。 基于 Vue 3 强大的异步组件能力和动态导入机制，构建支持模块联邦（Module Federation）的分布式组件库成为可能。 Vue 3 的高级实战不仅仅是功能实现，更是对性能的极致压榨。细粒度的更新控制通过源码级的理解，开发者可以精确控制组件的更新边界，避免不必要的重渲染。
15410编辑于 2026-03-06- 来自专栏MixLab科技+设计实验室
草图生成UI组件
里的基本图形，转化为UI组件。 设计理念是： 基于意图的设计 Intention-based design 设计师可以用草图的方式来进行UI设计，在这款工具里不需要搜索选择各种各样的UI组件，只需绘制简单的形状或文本，然后将它们神奇地转换为您要添加的 UI组件。 ， 而此简化图形能够代表实际UI组件的感觉。 如果这是一款跳出sketch的产品， 值得我们思考的是， 如何把UI组件转化为用鼠标可以快速绘制出来的简化图形， 而此简化图形能够代表实际UI组件的感觉。
1.1K40发布于 2019-05-05 - 来自专栏藏经阁
框架、组件库、UI框架、UI库
背景： 今天和一个前端小伙伴沟通的时候就框架和组件的称呼居然不一致。 事情是这样的，我和小伙伴在沟通一些问题的时候，她将uview、antd等称之为框架，而我内心想这些不是组件吗？ 这不就意味着react、vue、uni-app这样的才是框架，而我们在项目中引入的涉及UI的都是组件库中的部分组件，涉及函数功能的都是js库。 antd、element官网都是介绍自己为组件库，而uview称自己为UI框架，细想一下也是没问题的，因为他们还封装了功能相关的组件，比如表单、选择器、文件上传/下载，从某种意义上说，他们称自己为组件库 、UI库、UI框架都是没问题的。 框架原本就是对js的封装，浏览器最终执行的也是js代码，相当于就是在运行框架，而框架中又可以加入一些组件库（封装了UI），和js库（封装了函数）来减少我们的工作量。
1.2K20编辑于 2023-03-04 - 来自专栏chester技术分享
Avalonia的UI组件
Avalonia是一个强大的跨平台UI框架，允许开发者构建丰富的桌面应用程序。 它提供了众多UI组件、灵活的布局系统、可定制的样式以及事件处理机制。 在这篇博客中，我们将详细解析Avalonia的UI组件、UI组件的生命周期、布局、样式和事件处理。 一、UI组件 Avalonia提供了丰富的UI组件，包括按钮（Button）、文本框（TextBox）、列表框（ListBox）等。这些组件可以通过XAML或C#代码进行创建和配置。 组件的生命周期 UI组件在Avalonia中也有着明确的生命周期。 组件、UI组件的生命周期、布局、样式和事件处理等关键概念，并给出了相应的示例代码。
1.5K10编辑于 2024-04-13 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 列表 ListContainer 组件 )
文章目录 一、布局中设置列表 ListContainer 组件 二、ListContainer 组件用法 三、完整代码示例 四、GitHub 地址 一、布局中设置列表 ListContainer 组件 height="match_content" ohos:width="match_parent"/> </DirectionalLayout> 二、ListContainer 组件用法 ---- ListContainer 组件涉及到如下两个问题 : ① 提供的数据源 ; ② 将数据源中的数据展示到列表中 ; 数据源是 RecycleItemProvider 类型对象 , 一般需要自定义子类继承 var1); public abstract Component getComponent(int var1, Component var2, ComponentContainer var3) , 如果该参数不为空 , 直接使用该组件 , 如果该参数为空 , 就创建新的组件 ; ③ ComponentContainer componentContainer 参数 : 列表容器 ; @Override
1.6K00编辑于 2023-03-28 - 来自专栏爱吃猫的鱼BLOG
值得推荐的7个vue3 UI组件库
前端 UI 组件库是前端开发者必备的工具之一，它们可以帮助开发者快速构建用户界面，提高开发效率。本文推荐几款热门的vue3 UI组件库，排名不分前后。 3组件库。 总的来说，Naive UI是一个功能强大、易于使用的Vue 3组件库，适合于各种规模的项目的开发，成为了许多开发者构建现代Web应用程序的首选组件库。 Plus，是一个基于Vue 3.x的前端界面框架，它提供了一套丰富的UI组件库，旨在帮助开发者快速构建现代化的用户界面。 Element Plus是Element UI的升级版，Element UI是基于Vue 2.x的界面框架，而Element Plus则基于Vue 3.x。
20.9K12编辑于 2024-06-12 - 来自专栏前端小叙
vue3使用 vant ui 3 如何获取组件 popup dom的高度？
我目前使用的是 vant-ui 3.1.2 popup 弹出层组件，我想要获取弹出层的高度来计算一些东西，但是使用常规定义 ref dom 的方式总是无法获取，最终找到方案如下： vant-ui 官方文档 ：https://vant-contrib.gitee.io/vant/v3/#/zh-CN/popup <template> <van-popup v-model:show="show
78910编辑于 2024-01-16 - 来自专栏爱吃猫的鱼BLOG
值得推荐的7个vue3 UI组件库
前端 UI 组件库是前端开发者必备的工具之一，它们可以帮助开发者快速构建用户界面，提高开发效率。本文推荐几款热门的vue3 UI组件库，排名不分前后。 团队开发并维护的一个现代化的Vue 3组件库。 总的来说，Naive UI是一个功能强大、易于使用的Vue 3组件库，适合于各种规模的项目的开发，成为了许多开发者构建现代Web应用程序的首选组件库。 / Element+，也被称为Element Plus，是一个基于Vue 3.x的前端界面框架，它提供了一套丰富的UI组件库，旨在帮助开发者快速构建现代化的用户界面。 / GitHub：github.com/haoziqaq/varlet/ Varlet是一个基于Vue3开发的Material风格移动端组件库，全面拥抱Vue3生态，追求轻量的组件体积，简单的使用方式，
13.1K10编辑于 2024-05-22 - 来自专栏pandacode_cn
React框架 UI组件库
1. material-ui(国外) 官网: http://www.material-ui.com/#/ github: https://github.com/callemall/material-ui javascriptEnabled: true, modifyVars: { '@primary-color': 'green' }, } }), ); 备注：不用在组件里亲自引入样式了
55020编辑于 2023-07-07 - 来自专栏鸿蒙开发笔记
OpenHarmony UI开发-组件TextLayoutBuilder
效果演示下载安装ohpm install @ohos/textlayoutbuilder 使用说明：第一步： 初始化，导入 TextLayout 组件到自己项目中，实例化TextLayout.Layout @State layout:TextLayout.Layout = new TextLayout.Layout(); ...第二步：属性设置，通过layout类对象设置UI属性来自定义所需风格，也可以添加所需的回调 .setSpecialTextInfo(textInfo1) .setSpecialTextInfo(textInfo2) .setSpecialTextInfo(textInfo3) |---- TextInfo.ets # 富文本数据实体| |---- TextLayout.ets # UI 自定义组件| |---- index.ets # 对外接口| |---- README.md # 安装使用方法写在最后如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙
27220编辑于 2024-09-19 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 多选按钮 | Checkbox 组件 )
文章目录 一、布局文件中配置 Checkbox 组件 二、代码中配置 Checkbox 组件选中事件 三、完整代码示例 四、GitHub 地址 一、布局文件中配置 Checkbox 组件 ---- Checkbox 组件就是多选按钮 ; Checkbox 多选按钮之间不存在互斥关系 , 可以 同时选择 ; 如 : 给出 3 个 Checkbox 按钮 , 可以同时选中其中的 0 个 , 1 个 , 2 个 , 3 个 ; 布局文件配置 Checkbox : <? super.onStart(intent); super.setUIContent(ResourceTable.Layout_ability_main); // 获取文本组件 } } 运行结果 : 四、GitHub 地址 ---- GitHub 主应用 : https://github.com/han1202012/HarmonyHelloWorld CheckBox 组件示例
2.5K00编辑于 2023-03-28 - 来自专栏西里网CSDN博客
python web ui组件库
Python Web UI 组件库 常用Python Web UI组件库 1. html.Div([ html.H1('Hello Dash'), dcc.Graph( figure={ 'data': [{'x': [1, 2, 3] import pandas as pd st.title('My First Streamlit App') df = pd.DataFrame({'col1': [1, 2], 'col2': [3, 4]}) st.write(df) 3. 本篇文章内容来源于：python web ui组件库
57210编辑于 2025-04-09 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 拖动条 Slider 组件 )
文章目录 一、布局中设置拖动条 Slider 组件 二、代码中控制拖动条 Slider 组件 一、布局中设置拖动条 Slider 组件 ---- 注意该 Slider 组件与 进度条 Progressbar 组件的区别 , Progressbar 不能拖动 , 只有显示功能 ; 布局中设置的 Slider 拖动条 : <? background_element="#000000" , 黑色 ; 设置进度条颜色 : ohos:progress_color="#00FF00" , 绿色 ; 纯布局效果展示 : 二、代码中控制拖动条 Slider 组件 ---- 代码中控制拖动条 Slider 组件 : 界面中有 Slider , Button , Text 三个组件, 点击按钮 , 将 Slider 中的进度值显示到 Text 组件中 ; package
1.5K00编辑于 2023-03-28 - 来自专栏游戏杂谈
Flex的UI组件Tile
tileWidth(子项的高度) 它的例子可以参考以下的链接： http://blog.minidx.com/2008/08/03/1217.html http://livedocs.adobe.com/flex/3_
60420发布于 2018-11-16 - 效果图如下所示： 以上就是 Element UI 中 Radio、Checkbox、Input 组件的使用，下一篇教程楠哥将继续带领大家学习 Element UI 其他组件的使用，我们下期教程再见。来自专栏Java大联盟
Element UI极简教程(3)：Radio、Checkbox、Input组件的使用
Radio 单选框 Element UI 的 Radio 使用起来非常简单，直接使用 el-radio 标签即可，属性 v-model 表示该单选框绑定的对象，label 表示该单选框的值，代码如下所示 Input 输入框 Input 为受控组件，它总会显示 Vue 绑定值。通常情况下，应当处理 input 事件，并更新组件的绑定值（或使用 v-model）。否则，输入框内显示的值将不会改变。 placeholder="请输入内容" size="medium" show-password></el-input> 效果图： 可以通过 prefix-icon 和 suffix-icon 属性在 Input 组件首部和尾部增加显示图标 " size="medium" maxlength="10" show-word-limit></el-input>
React UI组件库教程
一、3个最受欢迎的React UI 组件库1. MUIMaterial-UI 是一个开源的 React 组件库，实现了 Google 的 Material Design。 它是一个全面的预构建 UI 组件集合，可以立即在生产中使用。特点：全面的组件集合： Material-UI 包括许多组件，包括按钮、菜单、表单、表格等。 可定制： Material-UI 组件可以轻松定制，以匹配你的品牌指南或应用的设计。可访问性： Material-UI 组件考虑了可访问性，这意味着残障人士也可以使用它们。 Headless UIHeadless UI 是一个提供完全未样式化、完全可访问的 UI 组件的 React 库，旨在与 Tailwind CSS 无缝集成。 专注于状态管理： Headless UI 跟踪组件状态（打开/关闭，选中/未选中等），但将视觉表示完全留给你。3.
