摘要:
思路:使用多个移表盘叠加 效果图: 代码: setGaugeChart() { this.gaugeChart && this.gaugeChart?.dispose && this.gaugeChart?.dispose() this.gaugeChart = echarts.init(this. 阅读全文
摘要:
vue组件中,如何在less/scss中使用变量,以二次封装el-tab样式组件为例 <!-- * @description 封装el-tab样式 !--> <template> <div class="tab-comp" :style="{ '--item-max-width': itemMaxW 阅读全文
摘要:
tooltip配置 tooltip: { show: true, trigger: 'axis', formatter: params => { let result = `<div>${params[0].axisValue}</div>` params.forEach(item => { if 阅读全文
摘要:
echarts饼图在中间显示百分比,使用graphic setEchartOption(val) { const seriesData = [ { value: 1048, name: '完成值' }, { value: 735, name: '目标值' } ] const option = { g 阅读全文
摘要:
组织架构树形数据,且存在一个人员在多公司/或部门计数重复问题 // 统计组织架构内人员数量 const countNodesProperty = (treeItemData, propertyName, propertyValue) => { let count = 0 const userArr 阅读全文
摘要:
.text-ellipsis-2-line { width: 100%; height: 44px; fonst-size: 14px; line-height: 22px; word-break: break-all; text-overflow: ellipsis; overflow: hidd 阅读全文
摘要:
因为img标签是行内标签自带间距,导致图片和div之间有间隙 <div class="img-container"> <img src="xxxxxxxxx" /> </div> <style lang='less'> .img-container { width: 200px; font-size 阅读全文
摘要:
this.$refs.rowRef.scrollIntoView({ block: 'start', behavior: 'smooth' }) 阅读全文
摘要:
<div class="img-container"> <img /> <div/> <style lang="less"> .img-container { width: 50px; height: 30px; overflow: hidden; img { width: 100%; transi 阅读全文
摘要:
通过url单文件下载, 并且解决a.download修改文件名不生效问题 /** * 通过url单文件下载, 并且解决a.download修改文件名不生效问题 * @param {String} url 文件url * @param {String} filename 文件自定义名称 * @retu 阅读全文