riku
2025-03-18 dd09ea9ab90c89bf5ef78236d02a33bafdcad591
src/components/SliderBar.vue
@@ -1,6 +1,7 @@
<template>
  <el-row justify="center" align="middle" class="wrap">
    <el-form-item label="数据量">
    <!-- <el-col :span="6"> -->
    <el-form-item label="展示数据量">
      <el-select
        v-model="pageSize"
        @change="handleSizeChange"
@@ -12,9 +13,12 @@
        <el-option label="500" :value="500" />
      </el-select>
    </el-form-item>
    <!-- </el-col> -->
    <!-- <el-col :span="18"> -->
    <div class="slider-wrap m-l-16">
      <el-slider :model-value="progress" :marks="marks" @input="handleInput" />
    </div>
    <!-- </el-col> -->
  </el-row>
</template>
<script>
@@ -62,6 +66,10 @@
  height: 60px;
}
.slider-wrap {
  min-width: 400px;
  /* background-color: aliceblue; */
  min-width: 290px;
}
.el-form-item {
  margin-bottom: 0px;
}
</style>