kara-chat

css reset 基于：normalize.css 7.0 盒子模型：box-sizing: border-box 字体： font: 14px/1.5 "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; -webkit-font-smoothing: antialiased; 字体颜色: #333 kara-chat 的class name 以 k- 开头

使用方法

安装 yarn add kara-chat

引入组件 import KaraChat from 'kara-chat' import 'kara-chat/main.css' import media from 'kara-chat/media'; media()

引入组件资源需要修改webpack { test: [/[^(.global)].bmp$/, /[^(.global)].gif$/, /[^(.global)].jpe?g$/, /[^(.global)].png$/], loader: require.resolve('url-loader'), options: { limit: 8192, name: 'static/media/[name].[hash:8].[ext]', }, }, { test: [/.global.bmp$/, /.global.gif$/, /.global.jpe?g$/, /.global.png$/], loader: require.resolve('url-loader'), options: { limit: 8192, name: 'static/media/[name].[ext]', }, },

配置参数 ...