更新记录

1.0.0（2023-08-18） 下载此版本

上传

平台兼容性

mosowe-slider

可拖拽，可点击

Attributes

示例

<template>
  <view class="content">
    <view
      class="item"
      v-for="(item, index) in showList"
      :key="index">
      <view class="title">{{ item.title }}</view>
      <mosowe-slider
        v-model="item.value"
        v-bind="item.props"></mosowe-slider>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const showList = ref([
  {
    title: '默认',
    value: 0,
    props: {}
  },
  {
    title: '分割',
    value: 50,
    props: {
      center: 50
    }
  },
  {
    title: '不等分割',
    value: 30,
    props: {
      center: 30
    }
  },
  {
    title: '非对称数据等分割',
    value: 0,
    props: {
      center: 0,
      min: -3,
      max: 20,
      middle: true
    }
  },
  {
    title: '吸附',
    value: 0,
    props: {
      center: 0,
      min: -3,
      max: 20,
      middle: true,
      sorption: true
    }
  },
  {
    title: '带小数',
    value: 0,
    props: {
      center: 0,
      min: -10,
      max: 20,
      middle: true,
      sorption: true,
      toFixed: 1
    }
  },
  {
    title: '更改颜色',
    value: 0,
    props: {
      center: 0,
      min: -10,
      max: 20,
      middle: true,
      sorption: true,
      negativeColor: '#E6A23C',
      positiveColor: '#409EFF',
      defaultColor: '#999999',
      defaultTextColor: '#ffffff'
    }
  }
]);
</script>

<style lang="scss" scope>
.content {
  padding: 60rpx 30rpx;
  .item {
    margin-bottom: 30rpx;
  }
}
</style>