vue.js点餐智能点餐app手机触屏滑动分类菜单切换代码，代码简单，修改方便！分享给大家，样式效果大家一定是需要的
2022-02-24 14:59:55
59KB
1
setTimeout(function(){
var n =0;
var u,end,start,g,g2;
var w0 = 50;
var w1 = 10.4;
var w2=52;
var heightVal =$("div[data-page='profile1']").find(".row").eq(1).find(".number").attr("initial-value"); //150-140
var widthVal =$("div[data-page='profile1']").find(".row").eq(2).find(".number").attr("initial-value"); //550-300 /2.5 /10 保留最后一们小数
var ageVal = $("div[data-page='profile1']").find(".row").eq(0).find(".number").attr("initial-value"); //30-18
var mouVal=$("div[data-page='profil']")
$('.ruler .main').eq(0).css({
'-webkit-transform':'translateX(-'+Math.ceil(parseInt(ageVal*w0))+'px)'
}).attr('value',Math.ceil(ageVal*w0));
$('.ruler .main').eq(1).css({
'-webkit-transform':'translateX(-'+parseInt(heightVal*w1)+'px)'
}).attr('value',heightVal*w1);
$('.ruler .main').eq(2).css({
'-webkit-transform':'translateX(-'+parseInt(widthVal*w2)+'px)'
}).attr('value',widthVal*w2);
for( var i =0 ; i < $('.ruler').length; i++){
var liW = $('.ruler').eq(i).find("li").width();
var size = $('.ruler').eq(i).find('li').size();
}
$('body').on('touchcancel,touchend,touchmove,touchstart',function(e){
e.preventDefault();
})
$('.selectize li').on('touchstart',function(){
$(this).addClass("hover").siblings("li").removeClass("hover");
})
$('.selectize li').on('touchsend',function(){
$(this).removeClass("hover");
})
$('.ruler ul').on("touchstart",function(e){
var initial = $(this).attr('data-initial');
e.stopPropagation();
v = parseInt($(this).parent(".main").attr('value'));
if($(this).closest('.ruler').hasClass("ruler-weight")){
start = 0;
end = '-1458';
g = 52;
}else if($(this).closest('.ruler').hasClass("ruler-age")){
start = 0;
end = '-1600';
g = 50;
}else{
start = 0;
2021-12-06 15:35:42
39KB
1
SuperSlide2.1.3所有案例+TouchSlide1.1触屏滑动特效插件
2021-08-22 17:07:34
19.92MB
1
SuperSlide2.1.3所有案例 TouchSlide1.1触屏滑动特效插件
2021-04-09 13:03:23
19.68MB
1