1.0.7 • Published 10 months ago
esun-component-utils v1.0.7
公共样式、一些公共方法以及svgIcon组件(所有svg图标)
SvgIcon 组件
<template>
<svg-icon icon-class="caret-back" font-size-16px style="color: red" />
</template>
<script>
// icon-class 图标名称
// 图标大小颜色通过 font-size 和 color 样式 来控制
import EsunComponentUtils, { svgIcons } from 'esun-component-utils';
</script>全局引入
import EsunComponentUtils from 'esun-component-utils';
import 'esun-component-utils/css';
Vue.use(EsunComponentUtils);按需引入
import { SvgIcon } from 'esun-component-utils';
import 'esun-component-utils/css';一些工具函数 1. svgIcons:所有图标名称 2. parseTime: 格式化时间戳
样式使用
- 字体类型
p {
font-family: 'DFZongYiW9-GB';
font-family: "LoginFont";
font-family: 'TXWHZGBJT';
font-family: 'YouSheBiaoTiHei';
font-family: "AlimamaShuHeiTi";
}- 弹框中表单默认一列, 如需两列,需添加类‘two-column’
<el-dialog class="two-column"></el-dialog> // 两列
<el-dialog></el-dialog> // 一列- form-item默认高度是36px,如果需要自定义高度需要添加类'height-auto'
<el-form-item class="height-auto"></el-form-item> // 自定义高度
<el-form-item></el-form-item> // 默认- .item-endot: 绿色圆点;.item-undot: 红色圆点;