# YDUI框架使用
# 弹框使用方式:
_this.$dialog.toast({mes: '已加入购物车', timeout: 1000});
_this.$dialog.confirm({
title: ' ',
mes: '您选择的配送地址,订单中有货物无法配送。',
opts: [
{
txt: '地址更换',
color: false,
callback: () => {
_this.$dialog.toast({mes: '你点了取消', timeout: 1000});
}
},
{
txt: '调整订单',
color: true,
callback: () => {
_this.$dialog.toast({mes: '你点了确定', timeout: 1000});
_this.$router.push({ path: "/cart/" });
}
}
]
});
# 轮播图props属性使用
<yd-slider
autoplay="3000"
:show-pagination=false
pagination-color="#000" .
pagination-active-color="#FFF"
:callback=carouseFn
>
<yd-slider-item
v-for="(item, index) in pmDetail.itemImages"
:key="index"
>
<img :src="item.imgUrl"/>
</yd-slider-item>
</yd-slider>
轮播分页小点不好用,用自己的
<div class="h-jd">
<span :class="{on:activeSlider==index}" v-for="(item, index) in carouselsList" :key="index"></span>
</div>
carouseFn:function(res){
this.activeSlider = parseInt(res);
},
# 倒计时使用
<yd-countdown
:time="1000"
timetype="second"
format="{%m}:{%s}"
done-text="00:00"
:callback=cancelOrderFn
></yd-countdown>
cancelOrderFn:function () {
console.log(11111)
}
← /vue/ vue-clipboard2 →