1、让外层DIV里面的DIV在一行的左右边两侧显示,如上图,实现方式:
.implant_find_insert {
justify-content: space-between; // 让两个div分别摆放到页面的两端
display: flex; // 让两个div在一排显示
align-items: center; // 让两个div上下居中
}
2、在el-card上面加滚动条
.card_style {
// overflow: scroll; // 横竖轴同时添加
overflow-y: auto; // 只添加竖轴
overflow-x: auto; // 只添加横轴
}
3、Echarts中加滚动条
dataZoom: [
{
type: 'slider',
show: true,
yAxisIndex: [0],//设置组件控制的y轴
XAxisIndex: [0],//设置组件控制的x轴
left: '97%', // 向左便宜
start: 100, // 开始数据位置
end: 95, // 结束数据位置
},
],
// 建议,如果数据太多,显示多条,会导致所有柱子堆叠到一块,可以使用嵌套一个div或者card,
// 加一个滚动条,根据数据多少,给Echarts设置动态高度,来实现更加美观方便的样式
效果图