uviewui

uView是uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。

首先使用 hubilde 创建一个uniapp 新项目,使用默认模板

创建成功后,安装 uviewui 组件,

插件商城,点击使用 hubilde x 导入导入

之后会下载一个uviewui 的文件

我们将uview-ui 这个文件夹移动到我们的项目根目录下

之后,进行组件配置 采用的是下载安装的方式

首先需要依赖SASS

这里如果我们没有安装sass 的需要使用HX菜单的工具->插件安装中找到"scss/sass编译"插件进行安装

在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。

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

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

css

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

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

css

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

uviewui ​