项目 引入 uView

简介: 项目 引入 uView

安装


npm install uview-ui

 

//或

 

yarn add uview-ui


main.js引入

import Vue from 'vue';
import uView from 'uview-ui';
 
Vue.use(uView);
 
//或
 
// main.js
import uView from '@/node_modules/uview-ui'
Vue.use(uView)


uni.scss引入

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


App.js引入

<style lang="scss">
@import '@/node_modules/uview-ui/index.scss';
</style>


如果上面加上不好用的话,那么接着往下看


pages.josn引入

"easycom": {
        "^u-(.*)": "@/node_modules/uview-ui/components/u-$1/u-$1.vue"
      },


关闭  HBuilder X 在从新打开启动项目就可以了

目录
相关文章
|
7月前
|
JavaScript
Ant designe vue中有关默认组件引入不生效的问题;
Ant designe vue中有关默认组件引入不生效的问题;
86 0
|
JavaScript 前端开发 Java
bootsrap+jquery+组件项目引入文件的常见报错
bootsrap+jquery+组件项目引入文件的常见报错
82 0
|
7月前
|
JSON 前端开发 JavaScript
Avue引入项目
这样我们的 Avue 就算引入成功了
57 2
|
7月前
|
资源调度
uniapp引入vant组件库
uniapp引入vant组件库
1896 11
|
7月前
|
JavaScript
vue3引入vant完整步骤
vue3引入vant完整步骤
508 8
|
开发框架 JavaScript 前端开发
详解如何在vue项目中引入饿了么elementUI组件
详解如何在vue项目中引入饿了么elementUI组件
175 0
|
7月前
elementPlus引入
elementPlus引入
107 1
|
7月前
|
JavaScript
vue项目中引入vant
vue项目中引入vant
72 0
下一篇
DataWorks