@persagy2/meri-design

@persagy/meri-design

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

usage

• install

npm install @persagy2/meri-design

# or

yarn add @persagy2/meri-design

• 按需引用 ( .babelrc 配置)

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

使用

• 全量引入使用

// 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 = '<服务域名>'