uniapp使用ui库

前言：UI库在项目开发中相信是必不可少的一个工具把，那么在uniapp里面，肯定要放弃pc端的UI。例如element.ui ，在uniapp上不会做到很好的适配。所以，到底哪个UI库更适合用到uniapp上呢？

相信大家跟我一样，都去百度上搜哪个UI库更适合用到uniapp上面吧，我也是在百度上搜了看了不少。vant.ui我是自己试了一遍，完全没有效果。

所以我选择了官方提供的uni.ui，好马配好鞍。

官网地址uni-app官网 (dcloud.net.cn)

1.如果你创建项目的时候，用的是uni-ui模块，则可以忽略此步

如果你使用的是默认模板，那我们就需要下载uni-ui的UI库了

地址：uni-ui - DCloud 插件市场

2.下载好之后，我们就去项目的根目录查看。是否多了一个uni-modules。若存在。就是下载成功，若没有重新下载

3.UI库下载好了。那我们怎么引入并且使用呢？在VUE里面我们都记得是在main.js里面按照引入。那么在uniapp里面，只需要下载，就可以了。无需注册以及引入等代码

地址：uni-ui - DCloud 插件市场

4.下载完成之后。系统会自动监测你的HBuilder X有没有sess，若没有系统会自动为你下载

一切准备就绪。那我们就试试最终效果

在pages页面的template标签里面输入

<uni-badge text="1"></uni-badge>
<uni-badge text="2" type="success" @click="bindClick"></uni-badge>
<uni-badge text="3" type="primary" :inverted="true"></uni-badge>

看看最终效果把：

uniapp使用ui库相关推荐

关于uni-app的ui库、ui框架、ui组件
首先需要3个新认知: 传统vue的库,只是for web的,不能跨多端. 而微信小程序的库,虽然也可以用于app,但不能跨到h5和百度支付宝等其他小程序. 比如element-ui.mint-ui只能 ...
uni-app uView UI框架下载安装教程
uviewUI 多平台快速开发的UI框架 uni-app2018年初发布以来,一直蓬勃发展,一派欣欣向荣,社区也是人声鼎沸,众望所归. 因此,uView应运而生,uView的目标是成为uni-app生 ...
uniapp生态UI框架选择之uView（@莫成尘）
市场上的uni-ui框架有很多,都有哪些合适uniapp而不仅仅是针对单一的微信小程序的才是作为uni开发者最想知道的,接下来给您推荐uView(不仅仅是UI库也是一个js库)目前开发中的2.0版本多 ...
分享几个实用的国内可访问Vue ui库
前言: Vue的ui库众多,大多的UI库都由国外小组开发制作,故访问外国官网龟速,笔者介绍几个国内能正常访问的库. H5端: 1.Vant 轻量.可靠的移动端 Vue 组件库,色彩丰富,组件居多,更重 ...
Uni-App在UI设计领域的应用
在当今数字化时代,移动应用程序成为了人们生活中不可或缺的一部分.而UI设计作为移动应用开发中至关重要的一环,扮演着塑造用户体验和提升产品价值的关键角色.而在众多开发工具中,Uni-App以其跨平台.高 ...
15 个 JavaScript Web UI 库
新闻来源:speckboy.com 几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面.本文介绍了 ...
jQuery Tools：Web开发必备的 jQuery UI 库
基本介绍 jQuery Tools 是基于 jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡).Tooltip(信息提示).Overlay(遮罩.弹窗).Scrollable(滚动控制 ...
推荐10款优秀的JavaScript Web UI库框架和套件
在进行Web开发时,并非所有的库都适合你的项目,但真正开发的时候,你任然需要依赖一款UI框架.特别在你时间紧迫的时候,它是你忠实的朋友. 他们都是些广泛使用包含不同语言实现的WEB UI框架.今天我就 ...
Android开发之UI库及组件资源
本文介绍Android平台中一些免费的UI库及组件资源. 短短数年时间 Android 平台就已经形成了一个庞大而活跃的开发者社区.许多社区开发的项目业已进入成熟阶段,甚至可以用于商业的软件生产中,且 ...

uniapp使用ui库

uniapp使用ui库相关推荐

最新文章

热门文章