- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端开发
2. 集成 uni-ui 组件库
uni-ui 是基于内置组件的一个拓展补充，它是更加稳定和安全的，且适配多端。 我们来看到官方文档： 安装: npm i @dcloudio/uni-ui 配置自动导入组件： 使用 npm 安装好 uni-ui 之后，需要配置 easycom 规则，让 npm 安装的组件支持 pages.json 并添加 easycom 节点： // pages.json { "easycom": { "autoscan": true, "custom": { // uni-ui ] } 重新启动 由于该项目使用了 TypeScript，因此存在这样一个问题：就是我们希望类型更加安全，就是可以希望组件有类型提示，但是呢？ 这个 uni-ui 组件使用的是 Js 进行开发的，因此没有类型的提示，此时：就可以安装一个插件： 现在就可以看到了
39310编辑于 2024-05-28 - 来自专栏房东的猫
Element UI组件
简介 Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 Element UI组件官方网址 Element UI标签 Container 布局容器 用于布局的容器组件，方便快速搭建页面的基本结构： <el-container>：外层容器。 title">分组一</template> <el-menu-item index="1-1">选项1</el-menu-item> <el-menu-item index="1-<em>2</em>" >选项2</el-menu-item> </el-menu-item-group> <el-menu-item>：菜单的子节点，不可展开的。
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. : ohos:text_size=“50” 文本颜色设置 : ohos:text_color="#FF0000" , 红色 ; 2. 代码中设置 Text : // 获取布局中的组件 Text text = (Text) findComponentById(ResourceTable.Id_text_helloworld2 text_size="100" ohos:text_color="#00FF00"/> <Text ohos:id="$+id:text_helloworld<em>2</em>" Text text = (Text) findComponentById(ResourceTable.Id_text_helloworld2); // 使用代码设置文本
1.4K00编辑于 2023-03-28 - 来自专栏MixLab科技+设计实验室
草图生成UI组件
Turn Wireframes to UI https://www.arielverber.com/felipe/ def Wireframes2UI( ): 这是一款sketch插件，利用sketch 里的基本图形，转化为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 - 来自专栏你我杂志刊
基于Vue2.x开发的UI组件库(qiucode-ui)开源了
第一、肯定会有人问，基于Vue的UI组件库有那么多优秀的，你为什么非要自己搞一套呢？这不又在重复造轮子吗？ 其实不然，虽然，基于Vue开源的UI组件有很多，诸如：Elements-ui、iview、cube-ui等等，但能在学习Vue的同时开发一套基于Vue的UI组件，不是更能巩固学习好Vue的重要特性--- >组件 第二、qiucode-ui也是借鉴了其他开源的UI组件库，一边学习和巩固Vue的知识，故而开源出来让正在学习Vue或已在Vue的进阶阶段的朋友们，qiucode-ui本就是来源各大开源的 UI组件的灵感（也可以这样说吧，虽然有点不好！） 第三、目前，qiucode-ui还处于刚刚开始阶段，qiucode-ui引入了阿里巴巴图标库（iconfont），并创建了一个button组件，其他组件还在努力完善中。。。，敬请期待。。。
53710编辑于 2022-08-09 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 列表 ListContainer 组件 )
文章目录 一、布局中设置列表 ListContainer 组件 二、ListContainer 组件用法 三、完整代码示例 四、GitHub 地址 一、布局中设置列表 ListContainer 组件 height="match_content" ohos:width="match_parent"/> </DirectionalLayout> 二、ListContainer 组件用法 ---- ListContainer 组件涉及到如下两个问题 : ① 提供的数据源 ; ② 将数据源中的数据展示到列表中 ; 数据源是 RecycleItemProvider 类型对象 , 一般需要自定义子类继承 abstract long getItemId(int var1); public abstract Component getComponent(int var1, Component var2, , 如果该参数不为空 , 直接使用该组件 , 如果该参数为空 , 就创建新的组件 ; ③ ComponentContainer componentContainer 参数 : 列表容器 ; @Override
1.6K00编辑于 2023-03-28 - 来自专栏世界第一语言是java
vue2（webpack）调用amap高德地图及其UI组件vue2（webpack）调用amap高德地图及其UI组件和标记物#
vue2（webpack）调用amap高德地图及其UI组件和标记物# 今天一个app项目中要使用vue2加入高德地图，本来以为有第三方的插件，结果没找到适合自己用的，因为地图这块，一般都是自定义程度比较高的 注：这块针对的是app版开发，更多更详细请阅读官方api 1、申请key### 创建应用，然后申请key，后期要用到，如果已经有key，忽略这一步 2、修改配置### 首先要在build/webpack.base.conf.js 因为后边要使用高德的infowindow，最简单的不好扩展，而且没有点击事件，所以用用到了高德的ui。 --引入UI组件库（1.0版本） --> <script src="//webapi.amap.com/<em>ui</em>/1.0/main.js"></script> 新建一个map.vue组件 在script中引入如下组件
然后再mounted中初始化地图，这时候地图就会显示出来了，但是没有任何组件，注意vue2废弃ready，请使用mounted。2K30发布于 2018-06-13 - 来自专栏pandacode_cn
React框架 UI组件库
1. material-ui(国外) 官网: http://www.material-ui.com/#/ github: https://github.com/callemall/material-ui 2. ant-design(国内蚂蚁金服) 官网: https://ant.design/index-cn Github: https://github.com/ant-design/ant-design javascriptEnabled: true, modifyVars: { '@primary-color': 'green' }, } }), ); 备注：不用在组件里亲自引入样式了
54920编辑于 2023-07-07 - 来自专栏鸿蒙开发笔记
OpenHarmony UI开发-组件TextLayoutBuilder
效果演示下载安装ohpm install @ohos/textlayoutbuilder 使用说明：第一步： 初始化，导入 TextLayout 组件到自己项目中，实例化TextLayout.Layout @State layout:TextLayout.Layout = new TextLayout.Layout(); ...第二步：属性设置，通过layout类对象设置UI属性来自定义所需风格，也可以添加所需的回调 ；private aboutToAppear() { let textInfo = new TextInfo(); textInfo.setStart(2) textInfo.setEnd this.layout .setText(this.strTest) .setSpecialTextInfo(textInfo1) .setSpecialTextInfo(textInfo2) |---- TextInfo.ets # 富文本数据实体| |---- TextLayout.ets # UI
27220编辑于 2024-09-19 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 多选按钮 | Checkbox 组件 )
文章目录 一、布局文件中配置 Checkbox 组件 二、代码中配置 Checkbox 组件选中事件 三、完整代码示例 四、GitHub 地址 一、布局文件中配置 Checkbox 组件 ---- Checkbox 组件就是多选按钮 ; Checkbox 多选按钮之间不存在互斥关系 , 可以 同时选择 ; 如 : 给出 3 个 Checkbox 按钮 , 可以同时选中其中的 0 个 , 1 个 , 2 个 , 3 个 ; 布局文件配置 Checkbox : <? ohos:text="多选按钮 1" ohos:text_size="100"/> <Checkbox ohos:id="$+id:checkbox<em>2</em>" ohos:height="match_content" ohos:width="match_content" ohos:text="多选按钮 <em>2</em>"
2.5K00编辑于 2023-03-28 - 来自专栏西里网CSDN博客
python web ui组件库
Python Web UI 组件库 常用Python Web UI组件库 1. (debug=True) 2. , 'col2': [3, 4]}) st.write(df) 3. 3, 4, 5], [6, 7, 2, 4, 5], legend_label="Temp", line_width=2) show(p) 选择建议 数据分析和可视化: Dash或Panel 本篇文章内容来源于：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
Tile继承于容器类(Container)，有三个属性：direction(子项在容器中的放置样式：水平、垂直)、tileHeight(子项的高度)、tileWidth(子项的高度)
60420发布于 2018-11-16 - 来自专栏Java大联盟
Element UI极简教程(2)：Icon、Button、Link组件的使用
Icon 图标 Element UI 的 Icon 组件提供了一套常用的图标集合，直接使用 i 标签结合 class 来使用即可：，其中 /i> 效果图： Button 按钮 Button 按钮是 Element UI 提供的一组常用操作按钮组件，直接使用封装好的 el-button 按钮即可，如：<el-button>按钮</el-button> ，同时可以使用 type、plain、round、circle 等属性对按钮进行修饰 的 Link 组件可以完成文字超链接，使用 el-link 标签来实现，代码： <el-link href="https://element.eleme.cn/#/zh-CN/component/link 中 Icon、Button、Link <em>组件</em>的使用，下一篇教程楠哥将继续带领大家学习 Element <em>UI</em> 其他<em>组件</em>的使用
7.5K40编辑于 2021-12-15 React UI组件库教程
一、3个最受欢迎的React UI 组件库1. MUIMaterial-UI 是一个开源的 React 组件库，实现了 Google 的 Material Design。 它是一个全面的预构建 UI 组件集合，可以立即在生产中使用。特点：全面的组件集合： Material-UI 包括许多组件，包括按钮、菜单、表单、表格等。 可定制： Material-UI 组件可以轻松定制，以匹配你的品牌指南或应用的设计。可访问性： Material-UI 组件考虑了可访问性，这意味着残障人士也可以使用它们。 主题化： Material-UI 支持主题，因此你可以轻松地更改应用的外观和感觉2. Headless UIHeadless UI 是一个提供完全未样式化、完全可访问的 UI 组件的 React 库，旨在与 Tailwind CSS 无缝集成。
1.1K00编辑于 2025-02-17- 来自专栏码农笔录
vue2（webpack）调用amap高德地图及其UI组件
vue2（webpack）调用amap高德地图及其UI组件和标记物 今天一个app项目中要使用vue2加入高德地图，本来以为有第三方的插件，结果没找到适合自己用的，因为地图这块，一般都是自定义程度比较高的 或者加群讨论QQ群：128806068 1、申请key 点击下边的网址，创建应用，然后申请key，后期要用到，如果已经有key，忽略这一步 http://lbs.amap.com/dev/key/app 2、 因为后边要使用高德的infowindow，最简单的不好扩展，而且没有点击事件，所以用用到了高德的ui。 --引入UI组件库（1.0版本） --> <script src="//webapi.amap.com/<em>ui</em>/1.0/main.js"></script> 新建一个map.vue组件 在script中引入如下组件
然后再mounted中初始化地图，这时候地图就会显示出来了，但是没有任何组件，注意vue2废弃ready，请使用mounted。2.8K10发布于 2018-06-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号