1

李

2026-05-26 0dbc7465447164fef24327b5d494870832d798dd

 src/components/Transform/perpetual-open/amountSlider.vue

@@ -3,15 +3,15 @@
    <div class="slider-index">
        <div class="amount-slider">
            <div class="amount-slider-clickable">
            <!-- 本地报错  调试时候注释掉  yyhh-->
      <!--       <vue-slider @change="sliderAmountChange" class="mainBox" :marks="marks" v-model="sliderAmount"
                 :hide-label="true" width="92%" tooltip="hover" :tooltip-formatter="'{value}%'"
                 :railStyle="{ background: '#404040', height: '2px' }"
                 :processStyle="{ background: '#266BFF', height: '2px' }">
                 <template v-slot:step="{ active }">
                     <div :class="['custom-step', { active }]"></div>
                 </template>
             </vue-slider> -->
                <!-- 本地报错  调试时候注释掉  yyhh-->
                <vue-slider @change="sliderAmountChange" class="mainBox" :marks="marks" v-model="sliderAmount"
                    :hide-label="true" width="92%" tooltip="hover" :tooltip-formatter="'{value}%'"
                    :railStyle="{ background: '#404040', height: '2px' }"
                    :processStyle="{ background: '#266BFF', height: '2px' }">
                    <template v-slot:step="{ active }">
                        <div :class="['custom-step', { active }]"></div>
                    </template>
                </vue-slider>
            </div>
            <div class="poecs">
                <span>0%</span>
@@ -40,7 +40,7 @@
    data() {
        return {
            amount: undefined, //用户输入的张数
            sliderAmount:0 , //滑块的数量
            sliderAmount: 0, //滑块的数量
            marks: (val) => val % 25 === 0,
        };
    },
@@ -123,5 +123,4 @@
    width: 22%;
    text-align: right;
}
</style>
  
</style>