testcj

江村数理pc端UI组件库

江村数理pc端UI组件库地址

介绍

• 基于element-ui的2.13.2版本上做修改

分支管理

• master

相关命令

# 安装package.json 里面的依赖包
npm install
 
# 项目启动(在http://localhost:8085可以看到示例)
npm run dev
 
# 打包(生成示例网站打包代码)
npm run deploy:build
 

全局变量

# 默认颜色(主题色)
$--color-primary: #2ECC9E !default;
# 成功颜色
$--color-success: #67C23A !default;
# 警告颜色
$--color-warning: #E6A23C !default;
# 危险颜色
$--color-danger: #f56c6c !default;
# 信息颜色
$--color-info: #909399 !default;
 
# placeholder颜色
$--color-text-placeholder: #ddd !default;
# 字体颜色
$--color-text-regular: #333 !default;
# 默认边框颜色
$--border-color-base: #ddd !default;、
# 默认圆角
$--border-radius-base: 4px !default;
 
# 字号
$--font-size-extra-large: 22px !default;
$--font-size-large: 20px !default;
$--font-size-medium: 18px !default;
$--font-size-base: 16px !default;
$--font-size-small: 14px !default;
$--font-size-extra-small: 12px !default;
 
# Button组件
$--button-font-size: 20px !default;
$--button-width: 162px !default;
$--button-height: 54px !default;
$--button-text-font-size: $--font-size-medium !default;
 
$--button-small-font-size: 16px !default;
$--button-small-width: 72px !default;
$--button-small-height: 36px !default;
 
$--button-mini-font-size: 16px !default;
$--button-mini-width: 36px !default;
$--button-mini-height: 36px !default;
 
# Input组件
$--input-font-size: $--font-size-base !default;
$--input-font-color: $--color-text-regular !default;
$--input-height: 36px !default;
$--input-border: $--border-base !default;
$--input-border-color: $--border-color-base !default;
$--input-border-radius: $--border-radius-base !default;