jahosp-ui v0.0.35

聚悦安格云工作室平台UI库 uniapp版

说明

jahospUI，适用于聚悦安格云工作室平台UI库

预览地址

安装

# npm方式安装
npm i jahosp-ui

快速上手

1. main.js引入JahospUI库

// 暂时没有公共方法，可不必安装
// main.js
import JahospUI from 'jahosp-ui';
Vue.use(JahospUI);

2. pages.json配置easycom规则(按需引入)

// pages.json
{
	"easycom": {
		// npm安装方式
		"^jy-(.*)": "jahosp-ui/components/jy-$1/jy-$1.vue"
		// 下载安装方式
		// "^jy-(.*)": "@/jahosp-ui/components/jy-$1/u-$1.vue"
	},
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

使用方法

配置easycom规则后，自动按需引入，无需import组件，直接引用即可。

<template>
	<jy-pat-tab>按钮</jy-pat-tab>
</template>

外部依赖

依赖部分vant-weapp及微信小程序weui，在easycom中必须引入的依赖组件

yarn add @vant/weapp --production

将vant-weapp包拷贝至/src/wxcomponent/vant-weapp

// pages.json
{
	"globalStyle": {
		"van-dropdown-menu": "/wxcomponents/vant-weapp/dropdown-menu/index",
		"van-dropdown-item": "/wxcomponents/vant-weapp/dropdown-item/index",
		"mp-loading": "weui-miniprogram/loading/loading",
		"mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog",
		"mp-msg": "weui-miniprogram/msg/msg",
		"mp-cells": "weui-miniprogram/cells/cells",
		"mp-cell": "weui-miniprogram/cell/cell",
		"mp-navigation-bar": "weui-miniprogram/navigation-bar/navigation-bar",
		"mp-icon": "weui-miniprogram/icon/icon",
		"mp-loading": "weui-miniprogram/loading/loading",
		"mp-badge": "weui-miniprogram/badge/badge"
	},
	"easycom": {
		"^jy-(.*)": "jahosp-ui/components/jy-$1/jy-$1.vue"
	},
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

组件目录

文档地址