uniapp 安装插件 uView (多平台快速开发的UI框架)

1. 下载并导入插件

打开链接 https://ext.dcloud.net.cn/plugin?id=1593

uniapp 安装插件 uView (多平台快速开发的UI框架)_第1张图片
uniapp 安装插件 uView (多平台快速开发的UI框架)_第2张图片
uniapp 安装插件 uView (多平台快速开发的UI框架)_第3张图片

uniapp 安装插件 uView (多平台快速开发的UI框架)_第4张图片

导入成功后,可见

uniapp 安装插件 uView (多平台快速开发的UI框架)_第5张图片

2. 添加配置

main.js

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

uniapp 安装插件 uView (多平台快速开发的UI框架)_第6张图片

uni.scss

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

App.vue

<style lang="scss">
	/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";
style>

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

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

<u-button type="primary" :plain="true" text="镂空">u-button>

在这里插入图片描述
运行项目查看效果

uniapp 安装插件 uView (多平台快速开发的UI框架)_第7张图片
如上图所示,则恭喜你安装配置成功!

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