小程序uview使用

uView是专为uni-app生态设计的UI框架,支持多平台发布。本文介绍了uView的安装(Hbuilder X和NPM两种方式)、配置以及使用方法,包括在main.js、uni.scss和App.vue中的引入,并展示了配置完成后的效果。
摘要由CSDN通过智能技术生成

uView是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码, 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。但目前除微信小程序,其它小程序平台的兼容可能存在一些问题,后续会针对这方面持续优化。官网地址:https://www.uviewui.com/

安装

  • Hbuilder X方式

下载方式配置文档
如果您是使用Hbuilder X开发的用户,您可以在uni-app插件市场通过uni_modules的形式进行安装,此安装方式可以方便您后续在uni_modules对uView进行一键升级。
在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件,导入到对应的项目中即可。
注意: 此安装方式必须要按照下载方式安装的配置中的说明配置了才可用。
下载地址:https://ext.dcloud.net.cn/plugin?id=1593

  • NPM方式

npm方式配置文档
在项目根目录执行如下命令即可:
// 如果您的根目录没有package.json文件的话,请先执行如下命令: // npm init -y npm install uview-ui@2.0.31 // 更新 // npm update uview-ui
注意: 此安装方式必须要按照npm方式安装的配置中的说明配置了才可用,且项目名称不能有中文字符。

配置

  1. 首先在main.js中全局引入uview依赖(这里使用的是npm方式安装的uview)
import uView from "uview-ui";
Vue.use(uView)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值