<template>
    <div class="ht-base-slider-display-mark-demo">
      <ht-base-slider v-model="value11" range :marks="marks"></ht-base-slider>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseSliderDisplayMarkDemo',
    data () {
          return {
              value11: [25, 65],
              marks: {
                  0: '0°C',
                  12: '12°C',
                  32: '32°C',
                  55: {
                      style: {
                          color: '#ff0000'
                      },
                      label: this.$createElement('strong', '55°C')
                  }
              }
          }
      }
  }
</script>
<style lang="less">
    .ht-base-slider-display-mark-demo {

    }
</style>

