---
tags: BTSv2
---
# BTSv2 整理中

## Splide
### 破壞輪播
(當Splide做為@component元件，無宣告的規則直接都到元件路徑裡新增就好)

//這邊是blade。
data-destroy="{{ $splideDestroy ?? 'true' }}"

//如果到手機版也不用恢復輪播 那就把斷點刪掉就好
//如果到手機版需要出現輪播 因為只要有使用到斷點 就要重複宣告 所以destroy要再寫一次。
data-breakpoints="{{ $splideBreakpoints ?? "{1200:{perPage:3 ,destroy:true}" }}">


//這邊開始是@component元件
'splideDestroy' => 'true',
'splideBreakpoints' => "{1200:{perPage:3 ,destroy:true}",

:::danger
**[注意]**
breakpoints 斷點的單、雙引號要多注意
:::

並同步加上

.splide[data-destroy="true"] {
    .splide__list {
        width: 100%;
    }
}

---