- 博客(7)
- 收藏
- 关注
原创 2021-10-18
全局定义Moment.js格式化时间过滤器 vue定义全局的时间过滤器用于显示日期 Moment.js是解析、校验、操作、显示日期和时间的 JavaScript 工具库,安装命令: npm install moment --save 在mian.js中引入,默认输出英文,要想显示中文需要引入moment.locale(‘zh-cn’) import moment from 'moment' // 输出中文 moment.locale('zh-cn') 在main.js中定义一个全局的过滤器 // 格式化
2021-10-18 11:20:10 100
原创 2021-10-18
根据内容设置el-button的type <el-button :type="buttonType(scope.row.priority)">{{scope.row.priority}}</el-button> // css样式 buttonType(val){ console.log(val) switch (val) { case '暂缓': return 'info' break case '普通': return '
2021-10-18 10:33:47 91
原创 2021-10-18
el-progress进度大于100的解决方法 percentage=“scope.row.progress > 100 ? 100 : scope.row.progress”:如果progress 大于100就按100画进度条,否则就按原值。 :format=“formatPercentage(scope.row.progress)”:格式化输出进度 <el-progress :percentage="scope.row.progress > 100 ? 100 : scope.row.
2021-10-18 10:28:05 201
原创 2021-10-18
自定义li圆点的颜色 自定义li圆点的颜色,可显示多种 ul { li { line-height: 50px; } li:nth-child(3n)::marker { color: #409EFF; } li:nth-child(3n-2)::marker { color: #67C23A; } li:nth-child(3n-1)::marker { color: #E6A23C; } } 最后的效果图 ...
2021-10-18 10:20:34 55
原创 2021-10-18
el-progress使用for循环时自定义颜色及显示文字 Progress 组件可通过 type 属性来指定使用环形进度条,在环形进度条中, width 属性环形进度条画布宽度。el-progress可以通过 color 设置进度条的颜色,color 可以接受颜色字符串,函数和数组,format 指定进度条文字内容 <div class="circleBox" v-for="(item,index) in progressDate"> <el-progress :width="110"
2021-10-18 10:14:15 1042
原创 2021-06-30
段落首个文字占两行 p { text-indent: -2em; margin-left: 2em; } 设置text-indent: -2em;以后p标签中第一行文字向左偏移,这样第二行开始的文字就等于缩进了 但这样设置会导致第一行向左超出div,可以用margin-left使p标签整体右移 也可以用 padding-left:2em ...
2021-06-30 10:54:13 114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人