小图标可以自由拖动
摘要：
<div class="tubiao" @mousedown="startDrag" @touchstart="startDrag"> <div :class="item.active == true ? 'tttACtive' : 'ttt'" v-for="item in tabLayout" 阅读全文
posted @ 2024-10-22 11:44 芮艺 阅读(2) 评论(0) 推荐(0) 编辑
2024年10月22日 #
2024年10月21日 #
el-table轮播
摘要：
<el-table ref="reportTable" :data="tableData" stripe style="width: 98%;margin:0 auto;"> <!-- <el-table-column prop="rank" label="排名" align="center"></ 阅读全文
posted @ 2024-10-21 14:32 芮艺 阅读(8) 评论(0) 推荐(0) 编辑
2024年10月17日 #
el-select 下拉搜索框
摘要：
// 搜索框下拉 :deep(.el-select__placeholder.is-transparent){ color:#fff !important; font-size:1rem !important; } :deep(.el-select__placeholder){ color:#fff 阅读全文
posted @ 2024-10-17 10:56 芮艺 阅读(10) 评论(0) 推荐(0) 编辑
el-table样式修改
摘要：
// table样式 // 表头 :deep(.el-table th) { background-color: transparent; background: #1650ad !important; background-size: 100% 100%; } /* 修改表头文字颜色 */ :de 阅读全文
posted @ 2024-10-17 10:55 芮艺 阅读(41) 评论(0) 推荐(0) 编辑
el-input输入框样式修改
摘要：
/* 输入框样式修改 */ /* 输入框的placeholderde 字体改变 */ :deep(input::-webkit-input-placeholder) { color: #fff; } /* 输入框输入的内容字体颜色 */ :deep(.el-input__inner){ color: 阅读全文
posted @ 2024-10-17 10:53 芮艺 阅读(108) 评论(0) 推荐(0) 编辑
2024年10月16日 #
页面上使用多个echarts，resize()失效
摘要：
// 原先 window.onresize = function () { myChart2.resize(); }; // 修改后 window.addEventListener('resize', () => { myChart2.resize(); }) 阅读全文
posted @ 2024-10-16 18:22 芮艺 阅读(12) 评论(0) 推荐(0) 编辑
滚动条-----现内容可以滚动，不显示滚动条
摘要：
// 现内容可以滚动，不显示滚动条 .tab-2::-webkit-scrollbar{ display:none; } .tab-2{ width:100%; height:88%; margin:10px 0; border:1px solid rosybrown; overflow-y: au 阅读全文
posted @ 2024-10-16 15:17 芮艺 阅读(4) 评论(0) 推荐(0) 编辑
2024年10月14日 #
vue之间的传值问题---7ref实现组件之间传值
摘要：
1.父组件向子组件传值 ：父组件可以通过ref属性获取子组件的实例，进而访问子组件的方法和数据。 父组件 <template> <div> <child-component ref="child"></child-component> <button @click="sendToChild">Sen 阅读全文
posted @ 2024-10-14 14:43 芮艺 阅读(14) 评论(0) 推荐(0) 编辑
vue之间的传值问题---6eventbus 可以实现兄弟组件通信
摘要：
1.传递数据的组件：通过eventbus中的方法$emit来发布自定义事件，并且传递数据 2.接收数据的组件： 通过eventbus中的方法$on来订阅事件，并通过回调函数接收数据 // 手写发布订阅模式 class EventBus { // 记录事件和回调 clientList = { send 阅读全文
posted @ 2024-10-14 14:37 芮艺 阅读(16) 评论(0) 推荐(0) 编辑
vue之间的传值问题---5.事件总线 $emit $on $off
摘要：
兄弟页面的数据互传 // bus.js //写着两段就可以了 import Vue from 'vue' // export default new Vue(); // 总线，一些组件间简单的数据交流通过它来进行 const bus = new Vue(); export default bus; 阅读全文
posted @ 2024-10-14 14:30 芮艺 阅读(8) 评论(0) 推荐(0) 编辑