在uniapp中,使用uni_modules 方式 安装uView的步骤

3,612 阅读1分钟

一、安装uView

  1. 打开网址:ext.dcloud.net.cn/plugin?id=1…

image.png

  1. 选择uni_modules 方式,导入插件

image.png

image.png

二、配置uView

  1. 选择 uni_modules 方式导入 uView
  2. 在项目根目录中的main.js中,引入uView主JS库 (引入并使用uView的JS库,注意这两行要放在import Vue之后)
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

image.png

  1. 在项目根目录的uni.scss中,引入uView的全局SCSS主题文件
@import '@/uni_modules/uview-ui/theme.scss

image.png

  1. 在App.vue文件,引入uView基础样式 (style标签首行 加入lang="scss"属性)
@import '@/uni_modules/uview-ui/index.scss';

image.png

image.png