added spacebetween for elements

This commit is contained in:
Kostya
2024-01-20 21:06:36 +03:00
parent 8739c75450
commit 4bdad0332b

View File

@@ -44,11 +44,11 @@
<button class="btn-claim">Забрать 15 АР</button> <button class="btn-claim">Забрать 15 АР</button>
</div> </div>
<div class="saper-start__steps btns-style__steps"> <div class="saper-start__steps btns-style__steps">
<swiper v-if="PercentageGameSteps.length" :key="PercentageGameSteps[0]" :spaceBetween="0" :slides-per-view="4" :centeredSlides="false" :pagination="{ clickable: true }" :modules="modules"> <swiper v-if="PercentageGameSteps.length" :key="PercentageGameSteps[0]" :spaceBetween="40" :slides-per-view="4" :centeredSlides="false" :pagination="{ clickable: true }" :modules="modules">
<template v-for="(item, index) in PercentageGameSteps" :key="index"> <template v-for="(item, index) in PercentageGameSteps" :key="index">
<swiper-slide> <swiper-slide>
<div class="steps-btns__display"> <div class="steps-btns__display">
<button style="margin-left: 10px">x{{ item.toFixed(2) }} <span>{{ index + 1 }} {{ stepsEndOfWord(index + 1) }}</span></button> <button>x{{ item.toFixed(2) }} <span>{{ index + 1 }} {{ stepsEndOfWord(index + 1) }}</span></button>
</div> </div>
</swiper-slide> </swiper-slide>
</template> </template>