uniapp如何安装uview

1.下载并导入插件

打开链接 uView2.0重磅发布,利剑出鞘,一统江湖 - DCloud 插件市场uniapp如何安装uview_第1张图片

没有的登录的就先登录

uniapp如何安装uview_第2张图片

uniapp如何安装uview_第3张图片

uniapp如何安装uview_第4张图片

导入成功后,可见

uniapp如何安装uview_第5张图片

2. 添加配置

main.js

import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

uniapp如何安装uview_第6张图片

uni.scss

@import '@/uni_modules/uview-ui/theme.scss';

App.vue

3. 测试是否安装配置成功

在 pages/index/index.vue 中添加一个 uView 按钮




1

记得安装成功后 一定要重新启动项目

运行项目查看效果

uniapp如何安装uview_第7张图片

如上图所示,则恭喜你安装配置成功!

你可能感兴趣的:(uni-app)