uni-app中uni-ui组件库的使用
介绍
uni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的、flex布局的、无dom的跨全端ui框架。
uni-ui不包括基础组件，它是基础组件的补充
特点
高性能（自动差量更新数据，优化逻辑层和视图层通讯折损，背景停止）
全端
风格扩展
与uniCloud协作
与uni统计自动集成实现免打点
uni-ui符合全套DCloud组件规范
使用
在HBuilderX 新建uni-app项目的模板中，选择uni-ui模板
通过 uni_modules 单独安装组件
如果你没有创建uni-ui项目模板，也可以在你的工程里，通过 uni_modules 单独安装需要的某个组件。下表为uni-ui的扩展组件清单，点击每个组件在详情页面可以导入组件到项目下，导入后直接使用即可，无需import和注册
|
组件名 |
组件说明 |
|
uni-badge |
数字角标 |
|
uni-calendar |
日历 |
|
uni-card |
卡片 |
|
uni-collapse |
折叠面板 |
|
uni-combox |
组合框 |
|
uni-countdown |
倒计时 |
|
uni-data-checkbox |
数据选择器 |
|
uni-data-picker |
数据驱动的picker选择器 |
|
uni-dateformat |
日期格式化 |
|
uni-datetime-picker |
日期选择器 |
|
uni-drawer |
抽屉 |
|
uni-easyinput |
增强输入框 |
|
uni-fab |
悬浮按钮 |
|
uni-fav |
收藏按钮 |
|
uni-file-picker |
文件选择上传 |
|
uni-forms |
表单 |
|
uni-goods-nav |
商品导航 |
|
uni-grid |
宫格 |
|
uni-group |
分组 |
|
uni-icons |
图标 |
|
uni-indexed-list |
索引列表 |
|
uni-link |
超链接 |
|
uni-list |
列表 |
|
uni-load-more |
加载更多 |
|
uni-nav-bar |
自定义导航栏 |
|
uni-notice-bar |
通告栏 |
|
uni-number-box |
数字输入框 |
|
uni-pagination |
分页器 |
|
uni-popup |
弹出层 |
|
uni-rate |
评分 |
|
uni-row |
布局-行 |
|
uni-search-bar |
搜索栏 |
|
uni-segmented-control |
分段器 |
|
uni-steps |
步骤条 |
|
uni-swipe-action |
滑动操作 |
|
uni-swiper-dot |
轮播图指示点 |
|
uni-table |
表格 |
|
uni-tag |
标签 |
|
uni-title |
章节标题 |
|
uni-transition |
过渡动画 |
注意：下载最新的组件目前仅支持 uni_modules ,非 uni_modules 版本最高支持到组件的1.2.10版本
通过 uni_modules 导入全部组件
如果想一次把所有uni-ui组件导入到项目中，只需要导入一个 uni-ui 组件即可 点击去导入。
如果没有自动导入其他组件，可以在 uni-ui 组件目录上右键选择 安装三方插件依赖 即可。
以上是常用使用uni-ui的三种方式
uni-app中uni-ui组件库的使用相关推荐
- uni app中使用图表
关于在uni app中运用图表 今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
- 【Vue.js】Vue.js中常用的UI组件库和Vue Router
1.Vue生态中常用的UI组件库 1. vant 介绍 轻量级.可靠的移动端 Vue 组件库 有赞前端团队出品 GitHub地址:https://github.com/youzan/vant 特性 拥 ...
- 如何在uni-app中选择一个合适的UI组件库
uni-app框架转眼已经发布了一年多,使用uni-app的开发者也是与日俱增.因为uni-app是一个跨端框架,所以我们大多使用它就是为了同时一套代码跨多端,选择uni-app 可以算是眼下一个比较 ...
- vue中集成的ui组件库_Vue组件可使用Vault Flow通过Braintree集成PayPal付款
vue中集成的ui组件库 Vue Braintree PayPal按钮 (Vue Braintree PayPal button) Vue component to integrate PayPal ...
- mpvue项目中使用第三方UI组件库
原文链接 最新声明 本文编写时间较早,随着时间的推移,mpvue及其周边生态越来越完善,文中的案例已经不适合在项目使用.希望大家参考其他更新的文章~ 简介 微信小程序上线已有一年多时间啦,自美团的mp ...
- Henry前端笔记之 UI组件库中table与slot相关理解
Henry前端笔记之 UI组件库中table与slot相关理解 作用域插槽: 解构赋值基础:https://developer.mozilla.org/zh-CN/docs/Web/JavaScrip ...
- 全端通用快速开发UI组件库UnifyUi大更新，Unify Ui是基于uni-app的全端(vue/nvue)组件库
本次进行整个框架的ui组件结构,添加详细注释.优化部分组件,新增 暗黑模式 是不是有种剁手的感觉?点击 unifyui 时刻关注动态, unifyui 团队即将公开招募协作者共同完善unifyui! ...
- 创建, 发布自己的 Vue UI 组件库
创建, 发布自己的 Vue UI 组件库 前言 在使用 Vue 进行日常开发时, 我们经常会用到一些开源的 UI 库, 如: Element-UI_, _Vuetify 等. 只需一行命令, 即可方便 ...
- 16款优秀的Vue UI组件库推荐
16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...
- 引入antd组件样式_扩大团队技术影响力，搭建团队自己的 UI 组件库
一.技术栈 我们先简单了解一下要搭建一个团队的 UI 组件库,会涉及到哪些技术栈: Create React App:官方支持的 CLI 脚手架,提供一个零配置的现代构建设置: React: 用于构建 ...
最新文章
- 【案例】solr实现京东搜索功能
- Source insight 支持汇编
- 弗拉明戈舞_百度百科
- 三千多天之前我没有编辑完的技术文档
- 如何使用反射来基于JPA注释记录数据模型
- 调查了 71000 名开发者发现，JavaScript 最知名，Python 仍大势
- 在Spring MVC中使用FileUpload功能
- qq群管+引流+娱乐机器人
- jQuery 身份证验证
- ghost 开发主题
- 腾讯技术分享：GIF动图技术详解及手机QQ动态表情压缩技术实践
- 微信小程序中播放视频 例子
- 游戏素材网站推荐！！！
- WPS文字标题级别的设置和调整——多种方法任选
- 0基础如何转行自学软件测试
- html按钮动态效果,8款超酷而实用的CSS3按钮动画
- Arduino基础入门二之呼吸灯
- 最近整理的一些常见的面试题，面试大全，黑马程序员面试宝典题库---框架--篇
- 「机械工程」力矩，转矩，扭矩的理解
- Siebel Adapter在WMB上的应用