0.1.0 • Published 7 years ago
ksc-contact v0.1.0
联系方式组件
使用
$ 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
}]
0.1.0
7 years ago