uView使用方法 uniApp组件库

 组件网站

https://www.uviewui.com/

使用方法

// 如果您的项目是HX创建的，根目录又没有package.json文件的话，请先执行如下命令：
// npm init -y

// 安装
npm install uview-ui@2.0.31

挂载到项目当中

// main.js
import uView from "uview-ui";
Vue.use(uView);

 在main.js中  一定要在  import App from './App'   之后写

 引入全局的scss

在项目src目录的uni.scss中引入此文件。

/* uni.scss */
@import 'uview-ui/theme.scss';

引入uView基础样式

注意！

在App.vue中首行的位置引入，注意给style标签加入lang="scss"属性

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

最后就可以愉快的使用了

!!!! 可能会存在样式不出现的问题,我们重新编译小程序或者从新打开HBuilderX就可以了