Hello How can we fix the problem in the video
(appendSlide is not a function)
pages/urun-detay.f7.html
star_fillstar_fillstar_fillstar_fillstar{{likeCount_d}} hand_thumbsup
heart
{{ozet_d}}
<h3 class="fontW300 fontSize20" align="center">Benzer Ürünler</h3>
<ul class="urunList"></ul>
</div>
</div>
<div class="toolbar toolbar-bottom tabbar-labels basketToolbar">
<div class="sepetBottom">
<div class="fiyatCol"><span class="fiyat">{{fiyat_d}} <i>TL</i></span><span class="etiketFiyat">{{etiketFiyat_d}} <i>TL</i></span></div>
<button class="btnSepet"><i class="f7-icons">cart_badge_plus</i> SEPETE EKLE</button>
<button class="btnSatis"><i class="f7-icons">creditcard</i> HEMEN AL</button>
</div>
</div>
<script>
export default {
data: function () {},
methods:{},
on:{
pageMounted: function(e, page) {
let app = this.$f7;
app.statusbar.overlaysWebView(true);
app.preloader.show();
},
pageBeforeOut:function(e,page) {
$(".sil").show();
var self = this;
let app = self.$f7;
},
pageInit:function(e,page){
var self = this;
let app = self.$f7;
var ids = self.$route.params.id;
app.preloader.show();
//$("[data-name='urun_detay'] .page-content").append($("#toolbarCs").html());
var cssw = app.swiper.create('.swiper-container',{
speed: 500,
initialSlide: 0,
loop: true,
autoHeight: true,
pagination: {
el: '.swiper-pagination'
},
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
});
var resimler = [];
app.request.json(ajaxURL+"urun_detay&id="+ids,function (data) {
self.$setState({
title_d:data.title,
images_d:data.images,
fiyat_d:data.fiyat,
etiketFiyat_d: data.etiketFiyat,
aciklama_d:data.aciklama,
ozet_d:data.ozet,
likeCount_d:data.likeCount
});
$.each(data.images, function(i,item){
cssw.appendSlide('<div class="swiper-slide"><img class="openbig" data-big="'+item.l+'" src="'+item.l+'" style="width: 100%;"></div>');
resimler.push(item.l);
});
app.preloader.hide();
setTimeout(function(){
$(".skeleton-text").removeClass("skeleton-text skeleton-effect-blink");
$(".sil").hide();
$(".detayAciklama span").show();
},1000);
});
var buyukResim = $(this).attr("data-big");
var myPhotoBrowserDark = app.photoBrowser.create({
photos : resimler,
theme: 'dark',
type:"popup"
});
$(document).on("click",".openbig",function(){
myPhotoBrowserDark.open();
});
}
}
};