12 2022 档案

el-select改变背景颜色
摘要：一。实现如下效果图 二。代码如下 /deep/ .el-input.el-input--suffix { // 2.修改背景颜色、字体颜色、边框、宽高 .el-input__inner { background: #4C78FF !important; border: 1px solid #4C78 阅读全文
posted @ 2022-12-23 10:31 IT小姐姐 阅读(1920) 评论(0) 推荐(0)
echarts中设置横向柱状图及其每个柱子设置不同颜色
摘要：var colors =["#73C0DE","#EE6666","#FAC858","#91CC75"]; var dataVal = [120, 200, 150, 80] var option = { xAxis: { type: 'value', // 设置X轴为值轴 splitLine: 阅读全文
posted @ 2022-12-23 10:03 IT小姐姐 阅读(2929) 评论(0) 推荐(0)
echarts柱状图渐变色并且显示数据及柱状图的宽度调整
摘要：series: [{ type: 'bar', name: '起飞', barWidth: '20px', //柱状图的宽度 itemStyle: { normal: { //显示渐变色颜色 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, 阅读全文
posted @ 2022-12-22 09:35 IT小姐姐 阅读(887) 评论(0) 推荐(0)
vue项目引入echarts柱状图
摘要：一。components文件下引入 barCharts.vue文件 <template> <div :class="className" :style="{height:height,width:width}" /> </template> <script> import * as echarts 阅读全文
posted @ 2022-12-21 08:44 IT小姐姐 阅读(313) 评论(0) 推荐(0)
vue 项目引入 echarts折线图
摘要：一。components文件下新建 lineCharts.vue <template> <div :class="className" :style="{ height: height, width: width }" /> </template> <script> import * as echa 阅读全文
posted @ 2022-12-21 08:38 IT小姐姐 阅读(476) 评论(0) 推荐(0)
vue中单独封装elementui中的Dialog弹框组件
摘要：一。在components文件中新建 弹框组件 <template> <div> <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" @close="handleClose"> <span>这是一段信息</span> <sp 阅读全文
posted @ 2022-12-03 19:51 IT小姐姐 阅读(1161) 评论(0) 推荐(0)