lview-plus

gview-ui

安装

前置依赖安装

组件库依赖于uview-plus、sass、sass-loader，为避免项目运行不畅，请按如下命令安装前置依赖：

npm install uview-plus

npm install sass@1.63.2

npm install sass-loader@10.4.1

指定sass、sass-loader的版本，是因为sass 1.8.0以上项目会报：Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

详情可见uview-plus安装

uview-plus使用配置

在src/main.js中注册uview-plus

import { createSSRApp } from "vue";
import App from "./App.vue";
import uviewPlus from 'uview-plus'

export function createApp() {
	const app = createSSRApp(App);
	app.use(uviewPlus);
	return {
		app,
	};
}

在src/App.vue中引入样式：

<style lang="scss">
@import "uview-plus/index.scss";
</style>

在src/uni.scss中引入主题样式：

@import "uview-plus/theme.scss";

gview-ui安装配置

运行如下命令安装gview-ui组件库：

npm install gview-ui

在src/pages.json中配置easycom：

	"easycom": {
    "autoscan": true,
    "custom": {
      "^u--(.*)": "uview-plus/components/u-$1/u-$1.vue",
      "^up-(.*)": "uview-plus/components/u-$1/u-$1.vue",
      "^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue",
      "^g-(.*)": "lview-plus/components/g-$1/g-$1.vue"
    }
  }

H5使用配置

// main.js
import { createSSRApp } from "vue";
import App from "./App.vue";
import uviewPlus from 'uview-plus';
import lviewPlus from 'lview-plus';

export function createApp() {
	const app = createSSRApp(App);
	app.use(uviewPlus);
	lviewPlus.install(app)
	return {
		app,
	};
}