uniapp 使用uview 插件

看创建项目版本vue2 、 vue3

Button 按钮 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架

复制代码
npm install uview-ui@2.0.36
复制代码
// main.js,注意要在use方法之后执行
import uView from 'uview-ui'
Vue.use(uView)
// 如此配置即可
uni.$u.config.unit = 'rpx'
复制代码
// 安装sass
npm i sass -D
  1. 引入样式文件

在项目src目录的uni.scss中引入此文件。

复制代码
/* uni.scss */
@import 'uview-ui/theme.scss';
相关推荐
百锦再1 小时前
UniApp与UniApp X:跨平台开发的范式革命与全面技术解析
服务器·ai·uni-app·k8s·core·net
Change!!1 小时前
uniapp写的h5,怎么根据页面详情,设置不同的标题
前端·uni-app·标题
2501_916007471 小时前
Xcode 在 iOS 上架中的定位,多工具组合
android·macos·ios·小程序·uni-app·iphone·xcode
浅箬1 小时前
uniapp 打包之后出现shadow-grey.png去除
前端·uni-app
游戏开发爱好者81 小时前
uni-app 项目在 iOS 上架过程中常见的问题与应对方式
android·ios·小程序·https·uni-app·iphone·webview
2501_915106322 小时前
iOS 抓包工具在不同场景的实际作用
android·macos·ios·小程序·uni-app·cocoa·iphone
FourV大大2 小时前
iOS原生和UniApp通信
ios·uni-app·cocoa
蒜苔肉丝2 小时前
uniapp 解决微信小程序ios自带的上拉下拉(橡皮筋)效果
微信小程序·小程序·uni-app
Aress"2 小时前
scrollTop不生效解决(uniapp)
uni-app
GuoyeZhang2 小时前
解决uniapp在内网构建ETIMEDOUT卡住的问题
uni-app·etimedout