@persagy2/meri-design
v1.4.9-extend.3
Published
fork from meri-design and extend it.
Downloads
2
Readme
@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'
特定问题解决方案
远端图片资源加载失败问题
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 = '<服务域名>'