项目 引入 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 在从新打开启动项目就可以了

目录
相关文章
|
5月前
|
前端开发 JavaScript IDE
Vue3项目搭建规范
Vue3项目搭建规范
180 0
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的个人财务系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的个人财务系统附带文章源码部署视频讲解等
29 6
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的人力资源管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的人力资源管理系统附带文章源码部署视频讲解等
31 2
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的地方特色美食分享管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的地方特色美食分享管理系统附带文章源码部署视频讲解等
26 2
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的经典电影推荐网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的经典电影推荐网站附带文章源码部署视频讲解等
22 1
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的环境保护生活App附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的环境保护生活App附带文章源码部署视频讲解等
46 0
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的软件项目管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的软件项目管理系统附带文章源码部署视频讲解等
27 0
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的助学贷款附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的助学贷款附带文章源码部署视频讲解等
17 0
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的传统服饰文化平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的传统服饰文化平台附带文章源码部署视频讲解等
21 0
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp员工管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp员工管理系统的附带文章源码部署视频讲解等
14 0