0.1.0 • Published 7 years ago

ksc-contact v0.1.0

Weekly downloads
3
License
-
Repository
-
Last release
7 years ago

联系方式组件

使用

$ cd /your/path/
$ git clone git@gitlab.intra.knownsec.com:zhaolf/ksc-contact.git
$ npm link
$ cd /project/path/
$ npm link ksc-contact

需要引入组件的样式文件,注意项目的node_modules文件夹下仅存在ksc-contact的链接而 非本体,配置webpack loaders时需要包含ksc-contact的本体文件夹地址。

{
    ...
    module: {
        loaders: [
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract('isomorphic-style-loader', 'css-loader!postcss-loader'),
                include: '/your/path/to/kscContact',
              },
        ]
    }
    ...

引用css文件,在项目中使用ksc-contact组件:

import 'kscContact/lib/ksc-contact.css';

<Contact customOptions={customOptions} />

用户可以输入配置项:

customOptions = [{
    name: 'QQ',                     // default 'QQ', 'TEL', 'wechat'(QRcode),new items support    :String
    theme: 'white',                 // color    :String
    content: '400-6000-6666',       // String
    contentType: 'text',            // only support 'text' or 'image'   :String
    icon: '',       // path of new icon     :String
}]