Open Seeman13 opened 3 years ago
Vue native 2.6 + Laravel 7
In app.js
... import VueTinySlider from 'vue-tiny-slider'; ...
... components: { VueTinySlider }, ...
In view blade:
... <vue-tiny-slider :="{ controls: true, items: 1.5, slideBy: 1, autoplay: false, nav: false, rewind: true, loop: true, edgePadding: 40, mouseDrag: true, responsive: { 1280: { items: 2.2, edgePadding: 150, }, 980: { items: 2, edgePadding: 150, }, 480: { items: 1.8, edgePadding: 50, } } }"> @foreach ($photos as $photo) <div class="item"> {{ Html::image(photo) }} </div> @endforeach </vue-tiny-slider> ...
And what is it not true?
Vue native 2.6 + Laravel 7
In app.js
In view blade:
And what is it not true?