@persagy/meri-design

> 适用范围: vue <=2.6.11, meri-design < 2
> Tips: 此仓库不做任何主动性变更, 仅用于修复或扩展 meri-design 组件功能. (注: 不存在任何破坏性变更)

usage

- install

``bash

npm install @persagy2/meri-design

or

yarn add @persagy2/meri-design

`

- 按需引用 ( .babelrc 配置)

`json
[
"component",
{
"libraryName": "@persagy2/meri-design",
"camel2Dash": false,
"libDir": "dist",
"style": false
}
]
`

使用

- 全量引入使用

`typescript
// main.(tj)s
import '@persagy2/meri-design/dist/index.css'

// 添加所有
import Vue from 'vue'
import * as meri from '@persagy2/meri-design'

Vue.use(meri)

// 组件内按需
import {} from '@persagy2/meri-design'
`

特定问题解决方案

1. 远端图片资源加载失败问题

q: 问题原因

a: 协议或网络问题导致图片加载失败

p: 解决方法

1. 打开 node_modules/@persagy2/meri-design/ 目录, 将 persagy_ui_kit 文件夹复制到项目的./public文件夹下
2. 测试运行后是否可以访问 /persagy_ui_kit/images/avatar/default.png` (不)
3. 配置 Vue.prototype.meriDesignCustomImageServer = '<服务域名>'