# @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. 测试运行后是否可以访问 `<host>/persagy_ui_kit/images/avatar/default.png` (不)
        3. 配置 Vue.prototype.meriDesignCustomImageServer = '<服务域名>'