变色龙组件
变色龙组件是Ebury的vue.js 3.X组件库. 图书馆正被用于我们在Ebury的Vue项目,并定期增加更多的组件.
此外,请检查最新版本 故事书。 。 。 .
安装
如果你想为图书馆捐款,那么你必须做以下工作来建立你的本地环境:
1. 克隆变色龙元件回波
2. 安装所有依赖:
npm install
3. 以下列方式运行故事书:
npm start
就这样! 瞷莱赣癬ㄓ禲 您可以检查现有的组件或创建新的组件 .
捐款
我们喜欢与其他团队合作,欢迎他们的贡献!
见 捐款 关于代码样式、格式化、测试和故障排除的更多信息的文件。 或者,如果你想报告一个问题或者要求一些改变.
使用量
在您的工程中安装库
安装 @ebury/chameleon-components 在您的工程中, npm :
npm install @ebury/chameleon-components --save
导入组件/s
我们所有部件都是从 @ebury/chameleon-components,这样您就可以用:
import { ComponentName } from '@ebury/chameleon-components';
记着! 如果您要使用的话 ec-phone-number-input图标 node_modules/svg-country-flags/png100px/ 在你的项目.
例如带有路径的图标 node_modules/svg-country-flags/png100px/gb.png 由 url 在您的工程中可用 [your static prefix]icons/country-flags/100/gb.png。 。 。 .
静态前缀可以通过设置相应的来更改 iconsStaticPrefix 属性在 src/config.js。 。 。 .
他们
组件可以使用自定义主题. CSS使用的有4个调色板,其中2个可以通过
CSS 变量,例如默认的蓝色被定义为 --ec-key-color-level-4 并可以通过 --ec-theme-key-color-level-4。 。 。 .
请检查access-date=中可能的变量列表 故事本颜色故事。 。 。 .
一个主题的几个例子可见于 标准/类型/主题/ 文件夹.
I18n 时
一些组件,例如:. ec-amount-input 或者说 ec-donut 需求 Intl API 格式化为正确或检测值
当前地方的十进制/ 分组分隔符是什么 。 他们都是通过 内通. 数字格式
它可能在某些浏览器中出现问题,因为没有正确设置所有地方。 看我们发现的问题 公关。 。 。 .
如果你需要支持地球上的每一个地方, 我们建议多填充 Intl API 使用 格式js.io 包,所以在所有浏览器中都是一致的.